Làm cách nào để hiển thị trường phương tiện dưới dạng hình ảnh phản hồi?

Tôi đang cố gắng hiển thị trường phương tiện dưới dạng hình ảnh phản hồi trong mẫu nhánh tùy chỉnh.

Cách tiếp cận ngây thơ của tôi trông như thế này:

{% bao gồm 'responsive-image.html.twig' với {
  "nguồn": content.field_media,
} %}

mà chỉ đơn giản là tạo ra một loạt các lỗi như thế này:

"0" là khóa mảng kết xuất không hợp lệ trong Drupal\Core\Render\Element::children() (dòng 97 của core/lib/Drupal/Core/Render/Element.php). 

Có lẽ một trong những lý do khiến điều này không thành công là do tôi không cung cấp chế độ xem, nhưng tôi cũng không chắc chắn cách thực hiện.

Đây là cách tôi sẽ làm điều đó. Lưu ý rằng tôi trì hoãn việc định cấu hình thông qua giao diện người dùng càng nhiều càng tốt để hạn chế mã tùy chỉnh cần được duy trì.

1. Sử dụng mô-đun Hình ảnh phản hồi, thiết lập kiểu hình ảnh phản hồi của bạn (điểm dừng, v.v.).
2. Tạo chế độ xem mới cho loại phương tiện, được đặt tên Chỉ hình ảnh.
3. Điều hướng đến loại phương tiện, tab 'Quản lý chế độ xem' và bật chế độ xem mới.
4. Chỉnh sửa chế độ xem mới.Đặt ẩn tất cả các trường ngoại trừ hình ảnh. Đặt bộ định dạng cho chế độ xem để sử dụng kiểu hình ảnh phản hồi được tạo ở bước 1.
5. Kết xuất mục phương tiện của bạn bằng chế độ xem đó trong mẫu twig. Lưu ý rằng liên kết sau đây cho biết cách hiển thị trêu ghẹo chế độ xem, bạn muốn kết xuất image_only chế độ xem bạn đã tạo ở bước 2: https://drupal.stackexchange.com/a/207719/66659

Vì bạn đang đăng mã Twig nên đây là một giải pháp trong Twig:

Trước tiên hãy lấy các URI hình ảnh. Trong ví dụ này bắt đầu với nút nếu đây là mẫu nút:

{% cho phương tiện trong node.field_slider_image %}

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

{% endfor %}

Nhìn thấy Hiển thị chế độ xem thực thể hình ảnh/phương tiện từ nút đến mẫu nhánh.

Nếu bạn muốn hiển thị kiểu hình ảnh, đừng gọi trực tiếp mẫu hình ảnh. Xây dựng phần tử kết xuất cho mẫu hình ảnh. Nhìn thấy Hiển thị trường hình ảnh trong page.html.twig với kiểu hình ảnh tùy chỉnh