如何在Divi博客模块中显示ACF自定义字段？

当然可以实现！下面我会分享两种实用的方法，帮你在Divi博客模块的网格布局里插入ACF自定义字段，全程不用碰Divi的核心文件（避免主题更新后修改丢失）：

方法一：使用Divi的钩子函数（推荐，无需修改模板） #

Divi提供了et_pb_post_layout这个钩子，专门用来修改博客模块中单个帖子的渲染内容。你只需要把下面的代码添加到**子主题的functions.php**文件里即可：

function add_acf_fields_to_divi_blog_grid($post_layout) {
    // 只在网格模式下生效
    if ( 'grid' === et_pb_post_layout() ) {
        // 获取你的ACF自定义字段值，替换成你的字段名称
        $custom_field_value = get_field('你的ACF字段名');
        
        // 如果字段有值，就插入到标题下方（你可以调整插入位置）
        if ( $custom_field_value ) {
            // 这里可以自定义HTML结构，匹配你截图里的蓝线效果
            $acf_html = '<div class="divi-blog-acf-field" style="border-left: 3px solid #007cba; padding-left: 10px; margin: 10px 0;">';
            $acf_html .= '<strong>自定义标签：</strong>' . esc_html($custom_field_value);
            $acf_html .= '</div>';
            
            // 把ACF字段插入到标题和作者信息之间
            $post_layout = str_replace('</h2>', '</h2>' . $acf_html, $post_layout);
        }
    }
    return $post_layout;
}
add_filter('et_pb_post_layout', 'add_acf_fields_to_divi_blog_grid');

代码说明： #

• 替换'你的ACF字段名'为你在ACF里创建的实际字段名称；
• 你可以调整$acf_html里的HTML结构和样式，完全匹配你想要的蓝线标注效果；
• 如果想把字段插入到其他位置（比如作者名称旁、摘要下方），只需要修改str_replace里的目标字符串（比如把'</h2>'换成'<span class="post-author">'）。

方法二：自定义Divi博客模块模板（适合复杂布局） #

如果需要更灵活的布局控制，你可以复制Divi的博客模块模板到子主题，然后修改模板内容：

1. 在你的子主题文件夹里创建路径：divi/modules/posts/
2. 找到Divi主题目录下的includes/builder/modules/posts.php文件，复制到刚才创建的子主题路径里
3. 打开子主题里的posts.php，找到渲染帖子内容的render()方法，定位到网格布局的代码块，在合适的位置添加ACF字段调用代码：

// 在你想要插入的位置添加这段代码
if ( get_field('你的ACF字段名') ) {
    echo '<div class="divi-blog-acf-field" style="border-left: 3px solid #007cba; padding-left: 10px;">';
    echo esc_html(get_field('你的ACF字段名'));
    echo '</div>';
}

注意事项： #

• 这种方法需要对PHP和Divi模块结构有一定了解；
• 每次Divi主题更新后，建议对比核心文件的变化，同步更新子主题里的模板（避免兼容性问题）。

最后提醒：不管用哪种方法，都记得先备份网站数据，再进行修改哦！

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