自定义字段链接无法在产品页按钮中调用的技术问题
解决方案
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
相关产品推荐
相关产品推荐

