【问题标题】:Output Image from ACF options field从 ACF 选项字段输出图像
【发布时间】:2022-10-02 09:58:57
【问题描述】:

如何使用 Timber/Twig 从 ACF 选项字段输出图像?

以下是我现在拥有的,但不幸的是它不起作用。我只是无法完成它。我究竟做错了什么?

木材控制器

$context[\'theme_options\'] = get_fields(\'options\');

树枝文件

<img src=\"{{ Image(options.footer_logo).src }}\" />
  • 对于初学者,您传递的变量是theme_options,但您在模板中使用options
  • 谢谢您的帮助。这确实是解决方案。我完全忽略了这一点。

标签: twig advanced-custom-fields timber


【解决方案1】:

正如comment to your question 中提到的@DarkBee,您在Twig 文件中使用options 而不是theme_options。尝试使用这个:

树枝文件

<img src="{{ Image(theme_options.footer_logo).src }}" />

其余的似乎看起来不错。

如果你想检查 Twig 中 theme_options 的内容,可以使用 dump() 函数:

{{ dump(theme_options) }}

【讨论】:

  • 谢谢你们的帮助。这确实是解决方案。我完全忽略了这一点。
【解决方案2】:

树枝文件:

<img src="{{ Image(options.footer_logo).src }}"  alt="{{ Image(options.footer_logo).alt }}"/>

无需向木材控制器添加任何代码即可访问此代码。

如果您想在选项页面 acf 的计时器控制器中专门添加,则在 twig 文件中使用上下文变量,如下所示:

木材控制器:

$context['theme_options'] = get_fields('options');

树枝文件:

<img src="{{ Image(theme_options.footer_logo).src }}" alt="{{ Image(theme_options.footer_logo).alt }}"/>

有关更多信息,请使用以下链接: Timber Documentation for Options Page with Advance Custom Field

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-06-23
    • 1970-01-01
    • 2019-11-17
    • 2014-09-22
    • 2019-09-17
    • 2021-07-24
    • 2021-08-23
    相关资源
    最近更新 更多