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

如何在页面头部显示WooCommerce产品长描述?

解决WooCommerce产品长描述显示在页面头部的问题

你之前的代码无法运行,核心原因是WordPress/WooCommerce中不存在has_description()和get_the_description()这两个函数,产品的长描述实际对应文章的主内容字段,针对单个产品页面,可通过以下方式实现需求:

正确代码示例

<head>
    <meta name="description" content="<?php
    // 仅在单个产品页面执行逻辑
    if (is_product()) {
        global $product;
        // 获取产品长描述并清理所有HTML标签
        $long_description = wp_strip_all_tags($product->get_description());
        // 长描述为空时,自动 fallback 到短描述
        if (empty($long_description)) {
            $long_description = wp_strip_all_tags($product->get_short_description());
        }
        // 转义输出,确保符合HTML属性规范
        echo esc_attr($long_description);
    }
?>" />
</head>

关键说明

  • is_product():判断当前页面是否为单个WooCommerce产品页面,避免在其他页面执行无效代码
  • $product->get_description():WooCommerce官方提供的获取产品长描述的方法,直接调用产品对象属性更可靠
  • wp_strip_all_tags():清理长描述中的HTML标签,避免meta内容出现格式混乱
  • esc_attr():对输出内容进行转义,防止出现XSS安全风险和HTML语法错误

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.19 02:36:00