Avada主题WordPress作品集页面PDF动态展示问题求助

方法一：Avada Builder可视化配置 #

• 打开Avada Builder，编辑作品集单页的自定义模板
• 添加文本模块或HTML模块，插入Avada动态内容短代码，把自定义字段的URL包裹在iframe标签里：

  <iframe src="[fusion_dynamic_content id='你的PDF自定义字段键名']" width="100%" height="800px" frameborder="0"></iframe>
  

  替换你的PDF自定义字段键名为你实际设置的字段名称，保存模板后刷新页面即可查看内嵌PDF。

方法二：代码片段强制渲染PDF #

如果可视化配置无效，在子主题的functions.php中添加以下代码（假设用ACF创建自定义字段）：

function render_pdf_from_acf_field($value, $post_id, $field) {
    // 替换为你的PDF字段键名
    if ($field['key'] === 'field_xxxxxx') {
        if (!empty($value)) {
            // 处理ACF上传字段返回的数组格式
            $pdf_url = is_array($value) ? esc_url($value['url']) : esc_url($value);
            return "<iframe src='{$pdf_url}' width='100%' height='800px' frameborder='0'></iframe>";
        }
    }
    return $value;
}
add_filter('acf/format_value', 'render_pdf_from_acf_field', 10, 3);

• 替换field_xxxxxx为你ACF字段的实际键名（可在ACF字段编辑页查看）
• 保存后，在Avada模板中直接调用该自定义字段，会自动渲染为内嵌PDF。

关键注意点 #

• 确保PDF文件的URL无访问权限限制，否则无法加载
• 可根据页面布局调整iframe的宽高参数
• 若使用非ACF的自定义字段插件，只需修改代码中获取PDF URL的逻辑即可

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