如何在Drupal 8中的page.html.twig中获取图像srcset？

Question

我已经弄清楚如何获取图片链接：

{{ node.myfieldname.entity.uri.value }}

我现在一直在寻找kint，但无法确定是否有srcset。

通过{{ content }}正常加载图像时，它会显示srcset，因此它应该有一个。只是不确定它是否已在page.html.twig上可用或在哪里找到它。

实际目标是检索图像srcset以将图像用作背景。我试图检索多个图片，以用作我页面中定义的多个div的背景 - front.html.twig

Answer 1

在页面模板级别访问所有节点信息通常意味着大而痛苦的选择器和额外的渲染。通常更容易在主题文件中创建helper function并挂钩，以便更轻松地访问这些值。

根据您的使用案例的详细信息，Background Image Formatter module可能会在您没有太多自定义代码的情况下执行您所需的操作。

如果这种方法不起作用，请考虑template_preprocess_node()来查找并从字段中提取所需的值。您可以将它们移动到模板的简单易用变量中。

Answer 2

通过为我的图像创建自定义块来解决此问题，该块仅显示图像。 然后将自定义块添加到我的page.html.twig

不是最漂亮的解决方案，但简单有效。