木材:从媒体库中获取具有所有属性的单一图像

时间:2019-11-09 作者:MarsAndBack

在我的Timber-基于主题,我使用以下内容从媒体库中获取单个图像(基于Timber/Image):

<img src="{{ Image(678).src }}" alt="{{ Image(678).alt }}" srcset="{{ Image(678).srcset }}" sizes="{{ Image(678).img_sizes }}" />
然而,重复声明每个属性的图像id是愚蠢的。

是否有一个命令可以输出一个完全填充的图像实例,或者这是否需要一个自定义PHP函数,并使其可用于Timber?

作为参考,上述代码输出以下内容:

<img src="https://mywebsite.com/wp-content/uploads/2019/11/myimage.png" alt="This is the image!" srcset="https://mywebsite.com/wp-content/uploads/2019/11/myimage.png 1052w, https://mywebsite.com/wp-content/uploads/2019/11/myimage-150x150.png 150w, https://mywebsite.com/wp-content/uploads/2019/11/myimage-150x150@2x.png 300w, https://mywebsite.com/wp-content/uploads/2019/11/myimage-768x768.png 768w, https://mywebsite.com/wp-content/uploads/2019/11/myimage-1024x1024.png 1024w, https://mywebsite.com/wp-content/uploads/2019/11/myimage-300x300@2x.png 600w" sizes="(max-width: 1052px) 100vw, 1052px">

1 个回复
最合适的回答,由SO网友:MarsAndBack 整理而成

好的,它很简单:

{% set post_image = Image(678) %}
<img src="{{ post_image.src }}" alt="{{ post_image.alt }}" srcset="{{ post_image.srcset }}" sizes="{{ post_image.img_sizes }}" />
参考号:Twig set

相关推荐