使用 WordPress 链接到 Timber / Twig 中的图像

Question

我是 Twig 和 Timber 世界的新手，我刚刚开始一份新工作，但我很难掌握它的使用。我已经在 Twig 中获得了一个完整的设计，我已经将其转换为一个 wordpress 站点，我现在正试图通过 ACF 使其可编辑。在我的前面-page.php我设置了以下内容：

$context['data'] = get_fields();

然后在给我提供的设计的主页（twig 文件）中，这里有一段代码：

{% include [
    'override/pullquote.twig', 
    'components/pullquote.twig'
    ] with {
    'title': data.my_story_title,
    'section_class': 'light pullquote-standalone text-center',
    'image': data.my_story_image, 
    'blockquote': data.my_story_quote,
    'cite': '',
    'link_footer': "Read Ramon's story",
    'link_path': '#',
} %}

所以我为 title 和 blockquote 创建了 ACF 选项，并使用 data.my_story_title 和 data.my_story_quote 这些工作正常。但是，data.my_story_image 没有，它什么也不做。我哪里错了？大概我必须用它的存在和形象来扩展它，但我不确定如何。这可能是一件简单的事情 - 任何帮助将不胜感激。

谢谢:)

Answer 1

ACF 通常 returns 图像 ID，因此您可能需要在将字段值传递给模板之前将其转换为 TimberImage。尝试：

'image': Image( data.my_story_image )

还有一些关于将 ACF 与 Timber/twig 一起使用的有用文档：https://timber.github.io/docs/guides/acf-cookbook/

使用 WordPress 链接到 Timber / Twig 中的图像

Linking to images in Timber / Twig using WordPress

wordpress

twig

wordpress-theming

timber