Bagaimana menemukan URL gaya gambar dari dalam ranting template?

Saya menerapkan template simpul yang menggunakan gambar dua kali; sekali dengan cara 'normal' (yaitu menggunakan gaya gambar yang ditentukan dalam konfigurasi tampilan bidang untuk mode tampilan itu), dan yang lainnya adalah sebagai properti gambar latar css.

Saya butuh satu dari dua hal:

1. (idealnya) cara untuk mendapatkan URL untuk gaya gambar berbeda dari gambar yang sama.

2. cara untuk mendapatkan URL untuk bidang gambar.

Saya berjuang untuk menggunakan dump()dan kint()membantu diri sendiri untuk menjawab. Mereka berdua mengeluarkan terlalu banyak (berkat tautan yang disematkan ke "induk" dll.) Dan sepertinya tidak memiliki info yang saya butuhkan. misalnya melihat dump(content.field_image)output URL sebenarnya dari gambar tidak ada (jadi dari mana asalnya sehingga dapat di-render {{ content.field_image }}?!). kint()di sisi lain mati sepenuhnya jika saya memberikan argumen padanya dan versi tingkat atas sekali lagi terlalu besar untuk dinavigasi. Debugging sangat mudah dengan phptemplate + xdebug. (Ya saya tahu itu baik bahwa themers tidak dapat menjatuhkan database.)

Ada jawaban untuk (1) yang menyiratkan Anda tidak bisa melakukannya , tetapi saya tidak mengerti mengapa saya tidak bisa mendapatkan URL yang ada di (2)?

Anda bisa mendapatkan url gaya gambar dalam fungsi preprocess dan meneruskannya ke templat simpul. (dalam kasus saya, saya perlu di tingkat halaman, saya kira ini masih berfungsi untuk node)

Sesuatu seperti ini, dengan "myimagefield" menjadi nama mesin untuk bidang gambar Anda, dan "myimagestyle" menjadi nama mesin untuk gaya Anda, juga pastikan Anda menyertakan Entity \ ImageStyle.

use Drupal\image\Entity\ImageStyle;

/**
 * Implements hook_preprocess_page().
*/
function mytheme_preprocess_page(&$variables, $hook) {
  if ($variables['node']) {
    $node = $variables['node'];
    if($node->myimagefield[0]){
        $cover_image = $node->myimagefield[0]->entity->getFileUri();
        $image_url = ImageStyle::load('myimagestyle')->buildUrl($cover_image);
        $variables['my_image'] = $image_url;
    }
  }
}

Bagian pertama sudah dijawab dalam pertanyaan terkait, di mana ada kode bagaimana melakukan ini. Untuk menjawab bagian kedua dari pertanyaan, Anda dapat mengakses gambar asli di objek simpul:

{{ file_url(node.field_image.entity.uri.value) }}

Satu komentar tentang content:

Dalam templat simpul bidang gambar di contenttidak siap untuk dirender. Kolom berisi konfigurasi bagaimana seharusnya ditampilkan dan objek bidang yang berisi semua data mentah. Nantinya ini akan disatukan dalam bidang, formatter gambar dan template gambar. Itulah alasan Anda tidak menemukan url yang Anda cari contentsaat ini.

Di templat simpul, Anda bisa menggunakan bidang di tingkat atas array konten, misalnya menampilkan bidang gambar

{{ content.field_image }}

seperti yang dikonfigurasi dalam mode tampilan.

Edit:

Ada filter baru di modul Twig Tweak . Sekarang Anda dapat membuat url gaya gambar di ranting langsung dari uri atau url dari gambar asli:

{{ node.field_image.entity.uri.value | image_style('thumbnail') }} 

Instal Modul Twig Tweak https://www.drupal.org/project/twig_tweak

Dan modul Twig Field ini https://www.drupal.org/project/twig_field_value

Jika Anda menggunakan bidang unggah gambar biasa, gunakan gambar ini di templat simpul Anda:

<img src="{{ node.field_regular_image.entity.uri.value | image_style('thumbnail') }} " >

Jika Anda menggunakan gambar referensi entitas, gunakan ini:

<img src="{{ file_url(content.field_global_image|field_target_entity.image.entity.uri.value | image_style('thumbnail'))}} " >