树枝中的背景媒体图像

Question

我们正在使用媒体库（Drupal8）并希望使用图像作为背景及其相关图像样式

style="background-image: url('{{ file_url(content.field_header_image[0]['#markup'] ) }}');

这是我们现在用于 field_image 的代码。它效果很好，将图像打印为背景并关联其图像样式

我们希望对媒体实体的引用字段具有相同的效果。 我们不想使用 Twig Tweak 手动渲染图像样式，因为它已经在 Drupal 内容类型中定义，我们不想重复信息并使其在将来更难更改

Answer 1

就我而言，我在这里有媒体网址

media_entity = content.field_hero_background.0['#media']

然后

image_uri = media_entity.field_media_image.entity.fileuri

完成的代码是

{% if content.field_hero_background.0['#media'] %}
        {% set media_entity = content.field_hero_background.0['#media'] %}
        {% set image_uri = media_entity.field_media_image.entity.fileuri %}
        <div class="parallax__layer parallax__layer--back" style="background-image: url('{{ file_url(image_uri) }}');">
        </div>
{% endif %}

Answer 2

下面的代码对我有用 {{ file_url(paragraph.field_custom_image.entity.field_media_image.entity.fileuri) }}

在这里我已经完成了段落字段中的媒体字段。 “field_custom_image”是我的段落模板中的字段名称