如何使用Wordpress中的ACF为自定义页面模板添加多张图片？

Question

我有许多页面 (400)，它们都是在可视化编辑器 (DIVI) 中单独构建的，尽管它们除了每个页面上的图像之外都是相同的——这是我的第一个网站，所以我知道什么时候比这种方法更好我开始。

它们都是 pageX 的子页面，它们的 slug 以一个普通词开头。 例如：

mysite.com/pageX/commonword-page1/

mysite.com/pageX/commonword-page2/

如果我想使用自定义页面模板并为每个页面插入唯一图像，我将如何执行此操作 go？ 为包含图像 ID/URL 数组的每个页面添加高级自定义字段是否是一个不错的选择？ 然后简单地调用它并循环遍历每个并插入到 DOM 中？

Answer 1

您将从插件目录下载并安装 ACF。 然后，创建一个自定义图库字段。

在页面上，使用自定义字段，select 您想要在图库中的图像。 然后在模板中，使用以下代码创建一个 WordPress 画廊：

// Load value (array of ids).
$image_ids = get_field('gallery'); // slug name of the field you created
if( $image_ids ) {

    // Generate string of ids ("123,456,789").
    $images_string = implode( ',', $image_ids );

    // Generate and do shortcode.
    // Note: The following string is split to simply prevent our own website from rendering the gallery shortcode.
    $shortcode = sprintf( '[' . 'gallery ids="%s"]', esc_attr($images_string) );
    echo do_shortcode( $shortcode );
}

这是从画廊字段的 ACF 文档中提取的。

这是他们的链接： https://www.advancedcustomfields.com/resources/gallery/