一行代码给wp添加面包屑导航

不装插件给 WordPress 加面包屑导航,最简单的方式是直接在主题模板文件里加一行PHP代码,输出首页链接、当前文章分类和文章标题三个部分,不带任何预设样式,完全自己控制外观。

代码由三段拼在一行:首页的 a 标签链接、the_category 函数输出当前分类、the_title 函数输出文章标题:

1
[首页链接] <?php the_category(","); ?> <?php the_title(); ?>

其中"首页链接"部分是一个指向网站首页的 a 标签,完整写法是 a href="/" title="Home" 包裹"首页"两个字再加上闭合标签,PHP 部分保持原样不变。多个分类之间用逗号分隔,每个分类名本身也是可点击的链接。

把这段代码加到当前主题的文章模板文件里,通常是 single.php,具体文件名因主题而异,放在文章标题输出之前的位置就行。不需要安装任何插件,也不依赖主题本身有没有内置面包屑功能,加进去直接生效。

这个版本没有做响应式适配和颜色统一处理,样式完全空白,适合想要自己掌控外观的场景。如果在 Iconic One 这类主题上遇到手机端面包屑不显示的问题,可以参考Iconic One主题手机端面包屑导航折腾记录,里面记录了CSS方案行不通、最后用PHP方案解决的过程。想要开箱即用带样式的版本,看css的方式一行代码给wordpress添加面包屑导航,样式部分已经写好,直接套用即可。