Как найти URL-адрес стиля изображения из шаблона веточки?

Я реализую шаблон узла, который использует изображение дважды; один раз «нормальным» способом (т. е. используя стиль изображения, определенный в конфигурации отображения поля для этого режима просмотра), а другой - как свойство css background-image.

Мне нужна одна из двух вещей:

1. (в идеале) способ получить URL для другого стиля изображения того же изображения.

2. способ получить URL для поля изображения.

Я изо всех сил пытаюсь использовать dump()и kint()помочь себе ответить. Они оба выводят слишком много (благодаря встроенным ссылкам на «родитель» и т. Д.) И, похоже, не имеют нужной мне информации. например, глядя на dump(content.field_image)вывод, фактического URL изображения там нет (так откуда он взялся, чтобы его можно было визуализировать с помощью {{ content.field_image }}?!). kint()с другой стороны, полностью умирает, если я передам ему аргумент, и версия верхнего уровня снова слишком велика для навигации. Отладка была намного проще с phptemplate + xdebug. (Да, я знаю, что хорошо, что те не могут удалить базу данных.)

Есть ответ на (1), который подразумевает, что вы не можете сделать это , но я не понимаю, почему я не могу получить существующий URL в (2)?

Вы можете получить URL-адрес стиля изображения в функции предварительной обработки и передать его в шаблон узла. (в моем случае мне нужно было на уровне страницы, я думаю, это будет работать для узла)

Примерно так: «myimagefield» - это имя машины для вашего поля изображения, а «myimagestyle» - имя машины для вашего стиля, также убедитесь, что вы включили 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;
    }
  }
}

На первую часть уже дан ответ в связанном вопросе, где есть код, как это сделать. Чтобы ответить на вторую часть вопроса, вы можете получить доступ к исходному изображению в объекте узла:

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

Одно замечание по поводу content:

В шаблоне узла поле изображения в contentне готово для визуализации. Поле содержит конфигурацию, как она должна отображаться, и объект поля, который содержит все необработанные данные. Позже это будет объединено в поле, форматирование изображения и шаблоны изображений. По этой причине вы не можете найти URL, который ищете в contentданный момент.

В шаблоне узла вы можете использовать поля на верхнем уровне массива контента, например, отображать поле изображения

{{ content.field_image }}

как настроено в режиме просмотра.

Редактировать:

В модуле Twig Tweak появился новый фильтр . Теперь вы можете сгенерировать URL-адрес стиля изображения в ветке непосредственно из URI или URL-адреса исходного изображения:

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

Установите модуль настройки Twig https://www.drupal.org/project/twig_tweak

И этот модуль Twig Field https://www.drupal.org/project/twig_field_value

Если вы используете обычные поля загрузки изображений, используйте это в шаблоне вашего узла:

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

Если вы используете эталонное изображение объекта, используйте это:

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