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

如何让Shortcode以文本形式显示而非执行解析?

让Shortcode以文本形式显示而非解析的几种方法

嘿,我来帮你搞定这个问题!要让WordPress里的Shortcode只展示原始代码、不触发解析效果,这里有几个实用方案,你可以根据自己的场景选择:

  • 手动转义方括号:把Shortcode里的[替换成HTML实体[,]替换成]。比如原代码[mytab] my content [/mytab]改成:

    [mytab] my content [/mytab]
    

    这样系统就不会把它识别为可执行的Shortcode,只会显示成原始文本。

  • 用Markdown代码块包裹:如果你的编辑器支持Markdown(很多WordPress编辑器插件都支持),直接把整个Shortcode放在三个反引号中间:

    [mytab] my content [/mytab]
    

    这样会以格式化的代码块形式展示,完全避免解析,还能让代码更醒目。

  • 用HTML <code>标签包裹:切换到WordPress编辑器的「文本」模式,把Shortcode放在<code>标签里:

    <code>[mytab] my content [/mytab]</code>
    

    切换回可视化模式后,这段代码就会以纯文本形式显示。

  • 自定义函数批量处理:如果需要批量处理所有Shortcode,或者不想手动修改每一处,可以在主题的functions.php文件里添加这段代码:

    function display_shortcode_as_text($content) {
        // 匹配所有Shortcode并转义方括号
        $content = preg_replace('/\[([^\]]+)\]/', '&#91;$1&#93;', $content);
        return $content;
    }
    // 仅对前台文章内容应用该过滤器
    add_filter('the_content', 'display_shortcode_as_text');
    

    要是只想针对特定的Shortcode(比如mytab),可以把正则表达式改成:

    $content = preg_replace('/\[(\/?mytab[^\]]*)\]/', '&#91;$1&#93;', $content);
    

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.25 08:31:51