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

指导:如何在WooCommerce前端单页面显示指定元数据值

如何在单文章/产品页面展示特定元数据字段值

方法一:修改主题模板文件(适合有代码基础)

  • 找到主题的单文章模板文件(一般是single.php),如果是WooCommerce产品页面就找single-product.php
  • 在你想显示元数据的位置插入以下代码,把your_meta_key替换成你要展示的元数据字段名:
<?php
// 普通文章用这段
$meta_val = get_post_meta(get_the_ID(), 'your_meta_key', true);
if ($meta_val) {
    echo '<p>自定义字段:' . esc_html($meta_val) . '</p>';
}

// WooCommerce产品页面用这段
$product_meta_val = get_post_meta(get_the_ID(), 'your_meta_key', true);
if ($product_meta_val) {
    echo '<p>产品自定义字段:' . esc_html($product_meta_val) . '</p>';
}
?>
  • 注意:改主题文件前最好先做个子主题,不然主题更新后代码会丢失。

方法二:用短代码灵活插入(推荐)

  • 打开主题的functions.php文件,或者装个自定义功能插件,添加这段代码:
function show_custom_meta($atts) {
    $args = shortcode_atts(array(
        'key' => '',
        'label' => '自定义字段:'
    ), $atts);
    
    if (!$args['key']) return '';
    
    $meta_val = get_post_meta(get_the_ID(), $args['key'], true);
    if (!$meta_val) return '';
    
    return '<p>' . esc_html($args['label']) . esc_html($meta_val) . '</p>';
}
add_shortcode('display_meta', 'show_custom_meta');
  • 用的时候直接在文章/产品编辑器里插短代码就行,比如[display_meta key="your_meta_key" label="产品型号:"],就能在指定位置显示对应元数据的值。

方法三:无代码插件方案

  • 试试Advanced Custom Fields (ACF),这个插件功能很成熟:
    • 安装激活后,创建和你现有元数据键名匹配的字段
    • 前端可以直接用插件自带的短代码[acf field="your_meta_key"],或者在模板里用get_field('your_meta_key')调用。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.09 19:15:24