WordPress模板主题开发中添加面包屑导航方法

网站中都可以看到面包屑导航的身影,可以让我们更方便的了解WordPress所在的位置,可以通过点击面包屑导航中的链接从而进入 ...

网站中都可以看到面包屑导航的身影,可以让我们更方便的了解WordPress所在的位置,可以通过点击面包屑导航中的链接从而进入对应的页面,从而还会提升网站的用户体验。今天就分享一下WordPress模板主题开发中添加面包屑导航方法。

WordPress模板主题开发中添加面包屑导航方法

1.在WordPress主题模板页添加对应的面包屑导航代码

WordPress模板中想要显示面包屑导航的地方添加面包屑导航代码,一般情况下,需要面包屑导航的地方有wordpress网站的分类页模板、文章页模板、单页面模板、tag标签页模板、搜索页模板、作者页模板等等。

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

<?php

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

the_category(' > ');

?>

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

<?php

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

the_category(' > ');

echo " > ";

the_title();

?>

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

<?php

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

the_title();

?>

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

2.在WordPress主题模板中创建面包屑导航的函数。

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

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

// 面包屑导航

function the_breadcrumb() {

echo '<ul id="crumbs">';

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

echo '<li><a href="'.get_option("home_url").'">首页</a> > </li>';

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

echo '<li>';

the_category(' </li><li> ');

if (is_single()) { //如果是文章页

echo " > </li><li>".get_the_title().'</li>';

}

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

echo '<li>'.get_the_title().'</li>';

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

single_cat_title();

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

echo"<li>作者页面"; echo'</li>';

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

echo "<li>列表分页"; echo'</li>';

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

echo"<li>搜索页"; echo'</li>';

}elseif (is_day()) {

echo"<li>日期归档(天) "; the_time('F jS, Y'); echo'</li>';

}elseif (is_month()) {

echo"<li>日期归档(月)r "; the_time('F, Y'); echo'</li>';

}elseif (is_year()) {

echo"<li>日期归档(年) "; the_time('Y'); echo'</li>';

}

}

echo '</ul>';

}

面包屑函数创建好了,就可以在WordPress主题模板中调用它,代码如下:

< div class="breadcrumb">

<?php the_breadcrumb(); ?>

</div>

通过上面的2种方式,我们都可以为我们的wordpress网站模板添加面包屑导航的功能。

WordPress教程建站教程

WordPress调用分类关联的标签或者标签关联的分类方法

2020-12-18 12:39:16

WordPress教程建站教程

WordPress文章列表中文章排序如何实现多种样式?

2020-12-18 12:39:22

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索