WordPress面包屑(breadcrumb)导航代码

知更鸟 2014年3月22日12:39:4348.4K8

所谓面包屑(breadcrumb)导航,类似这种:首页 > 公司简介 > 发展历史 展示网站树型结构,并让网站访问者随时知道自己所处的位置,方便返回上几级。下面这段代码,可以很容易地将导航添加到你的WordPress博客中。文章源自知更鸟-https://zmingcx.com/wordpress-breadcrumb.html

WordPress面包屑(breadcrumb)导航代码

面包屑(breadcrumb)导航代码

打开主题functions.php模板,将以下代码加进去:文章源自知更鸟-https://zmingcx.com/wordpress-breadcrumb.html

  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']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"echo'</li>';}
  29.         elseif (is_search()) {echo"<li>Search Results"echo'</li>';}
  30.         echo '</ul>';
  31. }

将如下调用代码添加到主题模板的适当位置即可:文章源自知更鸟-https://zmingcx.com/wordpress-breadcrumb.html

  1. <?php the_breadcrumb(); ?>

并根据不同的主题配以相应的css样式。文章源自知更鸟-https://zmingcx.com/wordpress-breadcrumb.html

原文:WordPress snippet: breadcrumb without plugin文章源自知更鸟-https://zmingcx.com/wordpress-breadcrumb.html

文章源自知更鸟 | 崇尚专注 追求极致 分享交流WordPress经验与技巧,关注前端设计与网站制作,打造自己专属的WordPress主题,让你的博客与众不同!
weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
WordPress 添加动态版权日期 WordPress

WordPress 添加动态版权日期

一般网站都会在页脚添加个类似Copyright ©2000-2021版权信息,如果嫌每年都改这个日期麻烦,可以通过下面的方法添加一个动态版权日期。 将下面代码添加到当前主题函数模板functions....
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定

评论:4   其中:访客  4   博主  0
    • 智享互联
      智享互联 3

      如果配以效果图就更好了。

      • 周杰伦
        周杰伦 0

        28行的emptyempty是不是笔误?

        • 铁路客流量
          铁路客流量 1

          文章不错,按微信图片,没法添加啊!你自己测试过没有?

          • Muze
            Muze 1

            感谢博主提供的方法,非常好用,实际效果很棒。
            但在第5行的:get_option(‘home’); 在新的主题开发中建议改为 home_url(); 来获取
            我转载了这篇文章,并给出了效果图
            https://www.npc.ink/5015.html