WordPress面包屑(breadcrumb)导航代码

admin wordpress评论952字数 1503阅读模式
摘要

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

WordPress面包屑(breadcrumb)导航代码
打开主题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. }  

并将如下调用代码添加到主题模板的适当位置即可:

  1. <?php the_breadcrumb(); ?>  

并根据不同的主题配以相应的css样式。

版权声明:文章图片资源来源于网络,如有侵权,请留言删除!!!
广告也精彩
admin
  • 本文由 发表于 2021年9月28日 12:50:28
  • 转载请务必保留本文链接:https://www.58pxe.com/7753.html
匿名

发表评论

匿名网友 填写信息

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