Question

Grav的新手，我正在学习，但我发现很少甚至没有关于我想要找到的事情的文档：（

我正在组建一个博客作为测试并修改现有的反物质主题。在/partials/blog_item.html.twig中，图像有以下几行：

{% set header_image = page.header.header_image|defined(true) %}
{% set header_image_width  = page.header.header_image_width|defined(900) %}
{% set header_image_height = page.header.header_image_height|defined(200) %}
{% set header_image_file = page.header.header_image_file %}

{% if header_image %}
    {% if header_image_file %}
        {% set header_image_media = page.media.images[header_image_file] %}
    {% else %}
        {% set header_image_media = page.media.images|first %}
    {% endif %}
    {{ header_image_media.cropZoom(header_image_width, header_image_height).html }}
{% endif %}

它采用帖子中使用的第一个图像，并将其作为标题生成900x200版本。这是我无法弄清楚的：

1 - 如何在输出时为此图像添加类？我想添加一个img-responsive类，但看不到这样做。

2 - 如果我不想要帖子的标题图片，但帖子中会有图片怎么办？好的，所以我删除了{% set header_image_media = page.media.images|first %}部分，但问题是如何定义要用作page.media.images[header_image_file]的图像，那么我是否想使用它？

3 - 如何获取此标题图像的完整网址以便在页面上输出？我不是在谈论完整的标签，只是它的完整网址的字符串？

也许这些很容易，但我找不到任何相关内容。我正在使用管理面板插件，所以当我创建一个帖子/项目，所以有Frontmatter，实际内容/帖子和上传的图像（只有插入和删除选项）。

Answer 1

我知道它是一个老帖子，但我认为在stackoverflow上有更多关于Grav的Q / A可能会很好。

1 - 如何在输出时为此图像添加类？我想要添加一个img-responsive类，但看不到这样做。

您需要将类作为.html()的第三个参数传递，如下所示：

{{ header_image_media.cropZoom(header_image_width, header_image_height).html('TITLE', 'ALT', 'CLASS') }}

2 - 如果我根本不想要一个标题图像，那么该怎么办呢？帖子里面会有图片吗？好的，我删除{％set header_image_media = page.media.images | first％} part，但有了这个问题是如何定义要使用的图像 page.media.images [header_image_file]那么如果我想使用一个？

我不会这样做。我会为每篇文章添加一个变量page.header.has header然后，我会相应地调整树枝模板。

3 - 如何获取此标题图像的完整网址以便输出这页纸？我不是在谈论完整的标签，只是它的字符串完整的网址？

您可以使用过滤器|absolute

{{ header_image_media.cropZoom(header_image_width, header_image_height).html('TITLE', 'ALT', 'CLASS')|absolute }}

Grav CMS - 部分模板中的图像问题/问题

1 个答案: