如何在WPBakery中调用自定义文章类型的ACF字段并设计其归档页

一、单篇视频文章页显示自定义字段 #

方法1：使用WPBakery原生动态内容功能（无需写代码） #

• 进入WordPress后台，打开WPBakery的模板管理，新建单篇文章模板，分配适用范围为「Videos」自定义文章类型
• 打开模板编辑页，添加你需要的模块：
  • 要直接嵌入播放视频，添加「视频模块」，在视频源输入框右侧点击动态内容图标，在ACF字段分类下选择video_url字段即可自动读取对应的视频地址完成嵌入
  • 要单独显示视频URL文本，添加「文本模块」，同样点击动态内容图标选择对应ACF字段即可
• 保存模板后访问单篇视频页即可看到字段内容

方法2：自定义短代码兜底方案 #

如果找不到动态内容入口，可将以下代码添加到当前主题的functions.php文件中：

function show_video_embed_shortcode() {
    // 读取ACF自定义字段
    $video_url = get_field('video_url');
    if ( empty($video_url) ) return '';
    // 自动将YouTube链接转为嵌入式播放器
    return wp_oembed_get( esc_url($video_url) );
}
add_shortcode( 'display_video', 'show_video_embed_shortcode' );

后续在WPBakery编辑单篇内容时，添加「短代码模块」，输入[display_video]即可输出视频播放器。

二、Videos归档页面设计 #

• 进入WPBakery模板管理，新建归档模板，分配适用范围为「Videos」自定义文章类型的归档页
• 编辑模板时添加「帖子网格」模块，进入模块设置：
  • 数据源选择「自定义文章类型」，下拉选中「Videos」
  • 可按需设置每页显示数量、排序规则，如需按playlist分类筛选，可在过滤设置中开启对应选项
  • 自定义网格项模板，可加入缩略图、视频标题、播放按钮元素，播放按钮的跳转/弹窗地址同样通过动态内容选择video_url字段即可
• 保存模板后访问你的站点域名/videos即可看到自定义的归档页面

注意：所有配置完成后，请到后台「设置-固定链接」页面直接点击「保存更改」，刷新重写规则，避免出现404问题。

内容的提问来源于stack exchange，提问作者Abramo