首页 > 代码库 > WordPress主题开发:制作面包屑导航

WordPress主题开发:制作面包屑导航

所谓面包屑,就是类似这种:首页 > 公司简介 > 发展历史 展示网站树型结构,并让网站访问者随时知道自己所处的位置,方便返回上几级。

将下面的代码添加到主题的 functions.php :

//面包屑功能function the_breadcrumb() {                echo ‘<ul class="breadcrumb">‘;        if (!is_home()) {                echo ‘<li><a href="http://www.mamicode.com/‘;                echo get_option(‘home‘);                echo ‘">‘;                echo ‘首页‘;                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‘]) && !empty($_GET[‘paged‘])) {echo "<li>Blog Archives"; echo‘</li>‘;}        elseif (is_search()) {echo"<li>Search Results"; echo‘</li>‘;}        echo ‘</ul>‘;}

在主题模板中调用,如:

   <div class="breadwrap"><?php if(function_exists(‘the_breadcrumb‘)) the_breadcrumb();?></div>

 

至于样式,自由发挥吧。

WordPress主题开发:制作面包屑导航