WordPress如何设置面包屑导航

1. 先整明白面包屑是啥玩意儿。简单说就是告诉你“现在在哪儿”的一串路径，比如 首页 > 分类 > 文章标题，像走迷宫时撒的面包屑一样防止迷路。WordPress本身不自带这功能，得靠插件或者自己码代码。

2. 先说插件法，最省脑子。装个叫"Yoast SEO"或者"Breadcrumb NavXT"的插件。安装完在后台搜一下插件名字，激活后到设置里勾选启用面包屑就行。Yoast的话还得在主题文件里加段代码：

if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}

3. 要是想自己手搓代码，得先打开主题的functions.php文件。往里头塞一段声明函数：

function custom_breadcrumb() {
    echo '<a href="'.home_url().'">首页</a>';
    if (is_category() || is_single()) {
        echo " > ";
        the_category(' • ');
        if (is_single()) {
            echo " > ";
            the_title();
        }
    } elseif (is_page()) {
        echo " > ";
        echo get_the_title();
    }
}

4. 然后在你想要显示面包屑的地方（通常是header.php）调用这个函数：

<div class="d614-d811-5103-4824 breadcrumb">
    <?php custom_breadcrumb(); ?>
</div>

5. 这时候刷新网站可能会发现样式丑得离谱，记得加段CSS打扮一下。比如：

.breadcrumb {
    padding: 15px;
    font-size: 14px;
    color: #666;
}
.breadcrumb a {
    text-decoration: none;
    color: #0073aa;
}

6. 注意个坑：有些主题已经预留了面包屑位置，比如Genesis框架直接用genesis_do_breadcrumbs()就行。还有别忘了用is_home()判断首页情况，不然可能重复显示首页链接。

7. 最后测试的时候多点几个页面看看，分类页、文章页、单页面都要检查一下。如果出现空白可能是函数调用位置不对，或者条件判断没覆盖到所有页面类型。实在搞不定就回滚用插件吧，不寒碜。

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。