无需插件轻松实现wordpress面包屑导航

现在的位置: 首页 > WP 专题 > 正文

无需插件轻松实现wordpress面包屑导航

2014年05月02日 ⁄ WP 专题 ⁄ 共 1790字 ⁄ 字号小中大 ⁄ 已关闭评论 ⁄ 阅读 730 次

在本文开始之前，让我们首先来了解下什么是面包屑导航？

面包屑导航(BreadcrumbNavigation)主要有基于位置、基于属性、基于路径三种形式，其中最常用的是基于位置的面包屑导航，它可以很好的指出当前页面与整个站点的层次结构，告诉访客在网站中的当前位置以及如何返回上一级。如本站，现在的位置: 首页 > WP 专题 > 正文。通过面包屑导航可以很好的提升用户体验。

在wodpress中，我们可以通过插件来实现面包屑导航，但过多的插件对wordpress肯定是一种负担，其实使用代码也可以轻松达到这一目的。

复制下面的代码粘贴到wordpress当前主题下的functions.php文件中：

function the_breadcrumb() {
echo '<ul id="crumbs">';
if (!is_home()) {
echo '<li><a href="';
echo get_option('home');
echo '">';
echo 'Home';
echo "</a></li>";
if (is_category() || is_single()) {
echo '<li>';
the_category(' </li><li> ');
if (is_single()) {
echo "</li><li>";
the_title();
echo '</li>';
}
} elseif (is_page()) {
echo '<li>';
echo the_title();
echo '</li>';
}
}
elseif (is_tag()) {single_tag_title();}
elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
elseif (isset($_GET['paged']) && !emptyempty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
echo '</ul>';
}