WordPress面包屑(breadcrumb)導航代碼

admin wordpress評論952字數(shù) 1503閱讀模式
摘要

所謂面包屑(breadcrumb)導航,類似這種:首頁 > 公司簡介 > 發(fā)展歷史 展示網(wǎng)站樹型結構,并讓網(wǎng)站訪問者隨時知道自己所處的位置,方便返回上幾級。下面這段代碼,可以很容易地將導航添加到你的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. }  

并將如下調(diào)用代碼添加到主題模板的適當位置即可:

  1. <?php the_breadcrumb(); ?>  

并根據(jù)不同的主題配以相應的css樣式。

版權聲明:文章圖片資源來源于網(wǎng)絡,如有侵權,請留言刪除!!!
廣告也精彩
admin
  • 本文由 發(fā)表于 2021年9月28日 12:50:28
  • 轉載請務必保留本文鏈接:http://yudch.cn/7753.html
匿名

發(fā)表評論

匿名網(wǎng)友 填寫信息

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