You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

自定义字段链接无法在产品页按钮中调用的技术问题

解决方案

1. 用代码片段创建短代码(无需修改主题文件)

安装并激活「Code Snippets」插件,新建一个代码片段,粘贴以下代码:

function sample_pdf_button_shortcode() {
    // 获取当前产品的自定义字段值
    $pdf_link = get_post_meta(get_the_ID(), 'product_link', true);
    
    // 字段有值则生成按钮,否则显示提示
    if (!empty($pdf_link)) {
        return '<a href="' . esc_url($pdf_link) . '" target="_blank" class="wp-block-button__link has-text-color has-background has-text-align-center wp-element-button" style="color:#fefbfb;background-color:#5ce1e6" rel="noopener">View Sample</a>';
    } else {
        return '<p>No sample PDF available.</p>';
    }
}
add_shortcode('sample_pdf_button', 'sample_pdf_button_shortcode');

保存并激活该片段即可。

2. 检查自定义字段的正确性

  • 确认产品的自定义字段键名是product_link(WordPress自定义字段键名区分大小写,别写错)
  • 确认字段值是完整有效的PDF链接,比如https://your-site.com/wp-content/uploads/book-sample.pdf

3. 在产品页面插入短代码

打开产品编辑界面,找到产品图片下方的编辑区域(比如产品描述栏、或添加「自定义HTML」块),插入短代码:
[sample_pdf_button]

这样就能在目标位置显示调用自定义字段链接的按钮,全程无需修改主题文件。如果觉得手动管理自定义字段麻烦,也可以用Advanced Custom Fields这类插件,可视化添加PDF链接字段,降低出错概率。


内容的提问来源于stack exchange,提问作者Joker 1977

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.17 14:43:24