在机车中给出液体模板<img>一类

Question

我有以下液体标记:

{{ 'image.jpg' | theme_image_tag }}

它呈现像,

<img src="/site.com/site/3424242/image.jpg" />

如何添加一个类或任何选项？我希望它呈现如下:

<img src="/site.com/site/3424242/image.jpg" class="thumbnail" />

我使用机车CMS和随附的液体.

Answer 1

对于最大程度的控制,请考虑使用theme_image_url而不是theme_image_tag.这是一个更详细的例子,可以让你想要你想要的.

<img src="{{ 'image.jpg' | theme_image_url }}" class="thumbnail" />

Answer 2

尽管文档没有明确说明这一点，但您可以将类添加到image_tag或theme_image_tag过滤器，如下所示：

{{ "image.png" | image_tag: "class:image" }}

更一般地说，您可以添加任意 HTML 属性。像这样的液体代码......

{{ "image.png" | image_tag: "id:foo", "some_custom_attr:bar" }}

将生成如下 HTML：

<img src="image.png" id="foo" some_custom_attr="bar">