web-dev-qa-db-ja.com

画像スタイルで画像を表示する方法

ノード1のカスタムtwigをnode--1.twig.htmlとして作成しています。

これでは、ノードにアップロードされた画像を次のように表示しています

<div class="diversity-image">
    {{ set image = content.field_main_image|merge({'#style_name': 'header_image'}) }}
    {{ image }}
</div>

しかし、それは私にその画像スタイル、header_imageの画像を与えていません。

小枝でどうすればいいですか？

theming8media
6
Fazeela Abu Zohra

twigでは、配列の最上位レベルのみをマージできます。そのため、最初にコンテンツ配列から画像を取得し、次に#image_style。

node.html.twig

{% set image = content.field_image.0 %}
{% set image = image|merge({'#image_style': 'thumbnail'}) %}

これで、変更した画像スタイルで画像をもう一度表示できます。

{{ image }}
4
4k4

小枝では、パスを取得できます-

<img src="{{ node.FIELD-IMAGE-NAME.entity.uri.value | image_style('news_image_full_width') }}" alt="">
0
Wasim Khan