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

Question

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

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

我的网站。com/pageX/commonword-page1/

我的网站。com/pageX/commonword-page2/

如果我想使用自定义页面模板并为每个页面插入独特的图像，我该怎么做？为每个包含图像数组 ids/urls 的页面添加高级自定义字段是否是一个不错的选择？然后简单地调用它并循环遍历每个并插入 DOM?

Answer 1

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

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

// 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 文档中提取的。

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

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

How to use ACF in Wordpress to add multiple images to a custom page template?

php

wordpress

custom-wordpress-pages