使用 WordPress 链接到 Timber / Twig 中的图像
Linking to images in Timber / Twig using WordPress
我是 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 没有,它什么也不做。我哪里错了?大概我必须用它的存在和形象来扩展它,但我不确定如何。这可能是一件简单的事情 - 任何帮助将不胜感激。
谢谢:)
ACF 通常 returns 图像 ID,因此您可能需要在将字段值传递给模板之前将其转换为 TimberImage。尝试:
'image': Image( data.my_story_image )
还有一些关于将 ACF 与 Timber/twig 一起使用的有用文档:https://timber.github.io/docs/guides/acf-cookbook/
我是 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 没有,它什么也不做。我哪里错了?大概我必须用它的存在和形象来扩展它,但我不确定如何。这可能是一件简单的事情 - 任何帮助将不胜感激。
谢谢:)
ACF 通常 returns 图像 ID,因此您可能需要在将字段值传递给模板之前将其转换为 TimberImage。尝试:
'image': Image( data.my_story_image )
还有一些关于将 ACF 与 Timber/twig 一起使用的有用文档:https://timber.github.io/docs/guides/acf-cookbook/