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

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

2014年05月02日 WP 专题 ⁄ 共 1790字 ⁄ 字号 无需插件轻松实现wordpress面包屑导航已关闭评论 ⁄ 阅读 466 次

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

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

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

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

  1. function the_breadcrumb() {
  2.                 echo '<ul id="crumbs">';
  3.         if (!is_home()) {
  4.                 echo '<li><a href="';
  5.                 echo get_option('home');
  6.                 echo '">';
  7.                 echo 'Home';
  8.                 echo "</a></li>";
  9.                 if (is_category() || is_single()) {
  10.                         echo '<li>';
  11.                         the_category(' </li><li> ');
  12.                         if (is_single()) {
  13.                                 echo "</li><li>";
  14.                                 the_title();
  15.                                 echo '</li>';
  16.                         }
  17.                 } elseif (is_page()) {
  18.                         echo '<li>';
  19.                         echo the_title();
  20.                         echo '</li>';
  21.                 }
  22.         }
  23.         elseif (is_tag()) {single_tag_title();}
  24.         elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
  25.         elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
  26.         elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
  27.         elseif (is_author()) {echo"<li>Author Archive"echo'</li>';}
  28.         elseif (isset($_GET['paged']) && !emptyempty($_GET['paged'])) {echo "<li>Blog Archives"echo'</li>';}
  29.         elseif (is_search()) {echo"<li>Search Results"echo'</li>';}
  30.         echo '</ul>';
  31. }

之后打开header.php文件,在合适位置加上下面的语句来调用该函数:

  1. <?php the_breadcrumb(); ?>

注:不同的主题需要配以相应的css样式。

原文:http://www.emoticode.net/php/wordpress-breadcrumbs-without-plugin.html

抱歉!评论已关闭.

×