wordpress面包屑导航三个完美解决方案

林继 WordPress 4,367 共写了1374个字 (2011-04-21 23:16:39) 1条评论 打印 扫描二维码 百度已收录

方法一:直接在相关页面添加代码
把以下代码直接添加到你想出现面包屑导航的位置,比如 header.php 里面,也可以放在 single.php 页面的导航标题上面,你有可能需要添加的页面可能有:archive.php、archives.php、links.php、page.php。

  1. <div class="mbx-dh">
  2. 当前位置:<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a> >>;
  3. <?php
  4. if( is_single() ){
  5. $categorys = get_the_category();
  6. $category = $categorys[0];
  7. echo( get_category_parents($category->term_id,true,' &raquo; ') );
  8. the_title();
  9. } elseif ( is_page() ){
  10. the_title();
  11. } elseif ( is_category() ){
  12. single_cat_title();
  13. } elseif ( is_tag() ){
  14. single_tag_title();
  15. } elseif ( is_day() ){
  16. the_time('Y年Fj日');
  17. } elseif ( is_month() ){
  18. the_time('Y年F');
  19. } elseif ( is_year() ){
  20. the_time('Y年');
  21. } elseif ( is_search() ){
  22. echo $s.' 的搜索结果';
  23. }
  24. ?>
  25. </div>

方法二:通过 functions.php 调用
首先把以下代码添加到主题的 functions.php 文件中

  1. function dimox_breadcrumbs() {
  2.  
  3.   $delimiter = '&raquo;';
  4.   $name = 'Home'; //text for the 'Home' link
  5.   $currentBefore = '<span>';
  6.   $currentAfter = '</span>';
  7.  
  8.   if ( !is_home() && !is_front_page() || is_paged() ) {
  9.  
  10.     echo '<div id="crumbs">';
  11.  
  12.     global $post;
  13.     $home = get_bloginfo('url');
  14.     echo '<a href="' . $home . '">' . $name . '</a> ' . $delimiter . ' ';
  15.  
  16.     if ( is_category() ) {
  17.       global $wp_query;
  18.       $cat_obj = $wp_query->get_queried_object();
  19.       $thisCat = $cat_obj->term_id;
  20.       $thisCat = get_category($thisCat);
  21.       $parentCat = get_category($thisCat->parent);
  22.       if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));
  23.       echo $currentBefore . 'Archive by category &#39;';
  24.       single_cat_title();
  25.       echo '&#39;' . $currentAfter;
  26.  
  27.     } elseif ( is_day() ) {
  28.       echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
  29.       echo '<a href="' . get_month_link(get_the_time('Y'),get_the_time('m')) . '">' . get_the_time('F') . '</a> ' . $delimiter . ' ';
  30.       echo $currentBefore . get_the_time('d') . $currentAfter;
  31.  
  32.     } elseif ( is_month() ) {
  33.       echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
  34.       echo $currentBefore . get_the_time('F') . $currentAfter;
  35.  
  36.     } elseif ( is_year() ) {
  37.       echo $currentBefore . get_the_time('Y') . $currentAfter;
  38.  
  39.     } elseif ( is_single() ) {
  40.       $cat = get_the_category(); $cat = $cat[0];
  41.       echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
  42.       echo $currentBefore;
  43.       the_title();
  44.       echo $currentAfter;
  45.  
  46.     } elseif ( is_page() && !$post->post_parent ) {
  47.       echo $currentBefore;
  48.       the_title();
  49.       echo $currentAfter;
  50.  
  51.     } elseif ( is_page() && $post->post_parent ) {
  52.       $parent_id  = $post->post_parent;
  53.       $breadcrumbs = array();
  54.       while ($parent_id) {
  55.         $page = get_page($parent_id);
  56.         $breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
  57.         $parent_id  = $page->post_parent;
  58.       }
  59.       $breadcrumbs = array_reverse($breadcrumbs);
  60.       foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';
  61.       echo $currentBefore;
  62.       the_title();
  63.       echo $currentAfter;
  64.  
  65.     } elseif ( is_search() ) {
  66.       echo $currentBefore . 'Search results for &#39;' . get_search_query() . '&#39;' . $currentAfter;
  67.  
  68.     } elseif ( is_tag() ) {
  69.       echo $currentBefore . 'Posts tagged &#39;';
  70.       single_tag_title();
  71.       echo '&#39;' . $currentAfter;
  72.  
  73.     } elseif ( is_author() ) {
  74.        global $author;
  75.       $userdata = get_userdata($author);
  76.       echo $currentBefore . 'Articles posted by ' . $userdata->display_name . $currentAfter;
  77.  
  78.     } elseif ( is_404() ) {
  79.       echo $currentBefore . 'Error 404' . $currentAfter;
  80.     }
  81.  
  82.     if ( get_query_var('paged') ) {
  83.       if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';
  84.       echo __('Page') . ' ' . get_query_var('paged');
  85.       if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
  86.     }
  87.  
  88.     echo '</div>';
  89.  
  90.   }
  91. }

最后在适当的地方(如方法一中提到的几个文件)添加以下代码调用:

  1. <div class="mbx-dh">
  2. <?php if (function_exists('dimox_breadcrumbs')) dimox_breadcrumbs(); ?> 
  3. </div

如果想要美化下显示方式,直接通过添加 css 即可:

  1. .mbx-dh {padding: 5px 10px;}


方法三:使用Breadcrumb NavXT插件
在后台,添加新插件,搜索“Breadcrumb NavXT” 安装、激活。然后在header.php中合适的地方增加代码:

  1. <div class="breadcrumbs"> 
  2. <?php if(function_exists('bcn_display')) {     bcn_display(); } ?> 
  3. </div>

这个插件还可以设置,进入设置选项后,共有general、current item、posts&pages、categories、tags、date archives、miscellaneous等相关设置:

1.general设置(一般设置)

可以设置面包屑导航的分割符(Breadcrumb Separator)

Breadcrumb Max Title Length——设置面包屑导航标题的最大长度

Home Breadcrumb——主页的标题

Place the home breadcrumb in the trail:如果打勾的话表示在面包屑导航中显示主页,不打勾的话则不显示。

Home Title——填入主页的显示标题,默认是blog,你可以修改为你想要的标题。

Home Prefix——(主页前缀)可以在主页前面添加说明文字。

Home Suffix——(主页后缀)在主页后面添加说明文字

Home Anchor、Blog Anchor一般不需要修改,插件会自动生成链接。

2.current item设置

Link Current Item表示是否设置当前页面链接

Current Item Prefix和Current Item Suffix :当前页的前后缀

current Item Anchor默认就可以了

Paged Breadcrumb、Paged Prefix、Paged Suffix是用来设置页面的面包屑导航,设置方法同上。

3.posts&pages设置

Post Prefix、Post Suffix、Post Anchor、Page Prefix、Page Suffix、Attachment Prefix等选项的基本上设置方法同上

但是,

Post Taxonomy Display如果勾选的话表示在按照主页-分类-子分类-文章等形式显示出来,如果不勾选的话表示只分按照主页-文章显示出来。

Post Taxonomy表示按照什么来进行导航,有分类目录和标签可以选择。

4.categories设置

基本上设置方法同上

5.date archives这里可以修改文章日期分类面包屑导航显示样式。

6.miscellaneous选项里提供了Author、Search、404页面的面包屑导航设置。

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

一条评论
  • 逍遥博客

    2011年9月5日 12:53:52

    不错,你这个比较全,我用了第一个方法,但是好多人发文章不发全,木有css。通过你这个设置了下。谢谢博主哦

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >