Cum să redați un câmp media ca imagine receptivă?

Încerc să redau un câmp media ca imagine receptivă într-un șablon personalizat.

Abordarea mea naivă arată astfel:

{% includ „responsive-image.html.twig” cu {
  „surse”: content.field_media,
} %}

care pur și simplu produce o serie de erori de genul acesta:

„0” este o cheie de matrice de randare nevalidă în Drupal\Core\Render\Element::children() (linia 97 din core/lib/Drupal/Core/Render/Element.php). 

Probabil că unul dintre motivele pentru care aceasta eșuează este că nu ofer un mod de vizualizare, dar nici nu sunt sigur cum să fac acest lucru.

Așa aș proceda. Rețineți că amân pe cât posibil configurarea prin interfața de utilizare, pentru a limita codul personalizat care trebuie menținut.

1. Utilizați modulul Imagine receptivă, configurați stilul de imagine receptivă (puncte de întrerupere etc.).
2. Creați un nou mod de vizualizare pentru tipul media, numit Numai imagine.
3. Navigați la tipul media, fila „Gestionați vizualizarea” și activați noul mod de vizualizare.
4. Editați noul mod de vizualizare.Setați toate câmpurile, cu excepția imaginii care să fie ascunse. Setați formatatorul pentru modul de vizualizare pentru a utiliza stilul de imagine receptiv creat la pasul 1.
5. Redați elementul dvs. media utilizând acel mod de vizualizare în șablonul crenguță. Rețineți că următorul link arată cum să redați fișierul teaser modul de vizualizare, doriți să redați doar imagine modul de vizualizare creat la pasul 2: https://drupal.stackexchange.com/a/207719/66659

Deoarece postați codul Twig aici o soluție în Twig:

Mai întâi obțineți URI-urile imaginii. În acest exemplu, începând cu nodul dacă acesta este un șablon de nod:

{% pentru media în node.field_slider_image %}

  <img src="{{ file_url(media.entity.field_image.entity.uri.value) }}">

{% endfor %}

Vedea Afișați vizualizarea entităților de imagine/media de la nod la șablonul de crenguță.

Dacă doriți să afișați un stil de imagine, nu apelați direct șablonul de imagine. Construiți un element de randare pentru șablonul de imagine. Vedea Redarea unui câmp de imagine în page.html.twig cu un stil de imagine personalizat