无需子主题：在DIVI中添加自定义文章类型字段的方法

方法一：通过代码片段插件添加钩子代码（无需子主题） #

DIVI内置了动作钩子，无需修改blog.php或创建子主题，直接用你的代码片段插件往functions.php注入代码即可实现。添加以下代码：

// 在DIVI博客模块的帖子内容末尾插入ACF自定义字段
add_action('et_pb_blog_post_after_content', 'render_acf_field_in_divi_blog', 10, 2);
function render_acf_field_in_divi_blog($post_id, $args) {
    // 替换成你的ACF字段键（不是字段名称，ACF字段编辑页高级选项可查看）
    $acf_field_key = 'your_custom_field_key';
    $field_value = get_field($acf_field_key, $post_id);

    if (!empty($field_value)) {
        // 可自行修改HTML结构和样式匹配网站设计
        echo '<div class="divi-blog-acf-field" style="margin-top:15px;padding-top:10px;border-top:1px solid #eee;">';
        echo '<span class="field-label">自定义标签：</span>' . esc_html($field_value);
        echo '</div>';
    }
}

说明： #

• 钩子et_pb_blog_post_after_content会在博客模块每个帖子的正文后触发，自动获取当前帖子的ACF字段值并输出。
• 替换your_custom_field_key为实际的ACF字段键即可生效。
• 用代码片段插件可随时开关这段代码，不会影响主题核心文件。

方法二：ACF短代码结合DIVI可视化编辑 #

不想写代码的话，可利用ACF自带短代码配合DIVI自定义布局：

1. 在ACF字段编辑页，复制字段对应的短代码（格式为[acf field="your_field_key"]）。
2. 打开DIVI Builder编辑目标页面，找到博客模块的「自定义布局」选项（需开启高级布局模式）。
3. 在自定义帖子布局中添加「代码模块」，粘贴ACF短代码，调整显示位置（如标题后、内容前）。
4. 保存布局后，博客模块会自动加载该布局并显示ACF字段内容。

方法三：使用DIVI专用ACF集成插件 #

完全不想碰代码的话，可选择专门的DIVI扩展插件，这类插件支持可视化配置ACF字段显示：

• Divi ACF Integration：可在DIVI任意模块（含博客模块）中直接选择ACF字段，通过可视化界面配置显示位置和样式。
• Divi Booster：内置ACF字段集成功能，支持在博客模块、帖子模板中快速插入自定义字段，还可调整样式。

这类插件无需修改主题文件或创建子主题，安装启用后即可配置。

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