wordpress网站模板上怎么添加面包屑导航教程

几乎在所有的WordPress网站中，我们都可以看到面包屑导航的身影。面包屑导航，可以很方便地让我们了解到我们在这个wordpress网站中所在的位置，而且，我们还可以通过点击面包屑导航中的链接，进入到对应的页面。可见面包屑导航不仅让wordpress网站更加便利，而且提升了wordpress网站的用户体验。

那么，我们怎样在wordpress网站模板中添加面包屑导航呢？请随我来，我们可以通过下面这2种方式来实现

方法一：每个wordpress模板页添加对应的面包屑导航代码。

也就是说，我们可以在wordpress模板中，想要显示面包屑导航的地方，添加面包屑导航代码就可以了。一般情况下，需要面包屑导航的地方有：wordpress网站的分类页模板、文章页模板、单页面模板、tag标签页模板、搜索页模板、作者页模板等等。

wordpress网站分类页模板面包屑导航代码：

<?php
echo '< a href="'.get_option("home_url").'">首页 > ';
the_category(' > ');
?>

wordpress网站文章页模板面包屑导航代码：

<?php
echo '< a href="'.get_option("home_url").'">首页 > ';
the_category(' > ');
echo " > ";
the_title();
?>

wordpress网站单页面模板面包屑导航代码：

<?php
echo '< a href="'.get_option("home_url").'">首页 > ';
the_title();
?>

这种方式的缺点：需要在wordpress网站的每个需要面包屑导航的模板中添加面包屑导航代码，后期维护比较麻烦。

方法二：在wordpress模板中创建面包屑导航的函数。

为了更加方便地在wordpress网站模板中调用面包屑导航，我们可以给面包屑导航创建一个函数，然后，在需要用到面包屑导航的页面直接调用这个函数就可以了。因为面包屑导航会在wordpress网站的很多页面中使用，所以，我们在函数中要做不同页面的判断，根据不同的页面调用不同的面包屑导航。

在wordpress网站模板的functions.php文件中添加如下代码：

// 面包屑导航
function the_breadcrumb() {
echo '

• ';




• if (!is_home()) { //如果不是首页




• echo '

• <a href="'.get_option(">首页</a>
  

• ';




• if (is_category() || is_single()) { //如果是分类或文章页




• echo '

• ';
  the_category('

• ');
  if (is_single()) { //如果是文章页
  echo " >

• ".get_the_title().'

• ';




• }




• } elseif (is_page()) { //如果是单页面




• echo '

• '.get_the_title().'

• ';




• }elseif(is_tag()){ //如果是tag标签页




• single_cat_title();




• }elseif (is_author()) { //如果是作者页




• echo"

• 作者页面"; echo'

• ';




• }elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { //如果是分页




• echo "

• 列表分页"; echo'

• ';




• }elseif (is_search()) { //如果是搜索页




• echo"

• 搜索页"; echo'

• ';




• }elseif (is_day()) {




• echo"

• 日期归档（天） "; the_time('F jS, Y'); echo'

• ';




• }elseif (is_month()) {




• echo"

• 日期归档（月）r "; the_time('F, Y'); echo'

• ';




• }elseif (is_year()) {




• echo"

• 日期归档（年） "; the_time('Y'); echo'

• ';




• }




• }




• echo '

';
}

面包屑函数创建好了，就可以在wordpress网站模板中调用它，代码如下：

< div class="breadcrumb">

通过上面的2种方式，我们都可以为我们的wordpress网站模板添加面包屑导航的功能。当然，我们还可以通过wordpress的面包屑导航插件来实现，不过，这么简单的功能，没必要耗费系统资源来使用插件，纯代码更加有效。

如果还有什么疑问，欢迎在下面给我留言，我会尽快给你回复。