使用带有 Timber/Twig 的 ACF 库

Question

我正在使用 Timber（Twig 的 WordPress 插件实现）和 Advanced Custom Fields 插件库字段。我在自定义帖子类型下有一个工作画廊，因此 ACF 和 Timber 在网站的其他地方工作，但不适用于标准页面。当我尝试向页面添加图库时，我最终得到的只是 img src 标记的空标记。

我在模板文件夹的 page.php 中有这个：

$context = Timber::get_context();
$page = new TimberPost();

$context['page'] = $page;

if ($photos = $page->get_field('photos')) {
    $context['photos'] = $photos;
}

我在主题的 templates/page/ 文件夹中的 default.twig 中有这个（为简单起见，删除了 html）：

{% if page.photos %}

{% for p in page.photos %}

<img src="{{ p.sizes.gallery|relative }}" alt="{{ p.alt }}" /> 

{{ p.caption }}

{% endfor %} 

{% endif %}

这导致页面源<img src="" alt="">。

如果我在for p in page.photos 语句中使用{{ dump(photos) }}，它会转储我在后端图库字段中输入的图像数组。所以图像数组存在并且正在输出。 relative 扩展适用于所有帖子类型；删除它在这里没有区别。

那么为什么p.sizes.gallery|relative函数没有输出每张图片的url和标题呢？

Answer 1

您将数据附加到 $context['photos'] 所以我相信您应该更改代码以检查 if photos 并迭代为 for p in photos