WordPress教程

自定义函数实现wordpress面包屑导航

阿里云

面包屑导航 一是方便读者所在的位置,更重要的是对 SEO 非常友好,利于蜘蛛知道你网站的目录结构,所以给我们的 WordPress 主题添加面包屑导航是必须的。

1、在 functioss.php 添加以下代码

  1. /**
  2.  * WordPress 添加面包屑导航 
  3.  * 面包屑导航,直接输出(echo)
  4.  * @param string $sep 导航对象分隔符,默认为' > '
  5.  */
  6. function bread_nav($sep = ' > '){
  7.     echo '<div class="col-md-12 "><i class="fa fa-home" style="font-size:16px;"></i> 您当前的位置: <a href="'. home_url() .'" title="首页">首页</a>';
  8.     if ( is_category() ){    //如果是栏目页面
  9.         global $cat;        
  10.         echo $sep . get_category_parents($cat, true, $sep) . '文章列表';
  11.     }elseif ( is_page() ){    //如果是自定义页面
  12.         echo $sep . get_the_title();
  13.     }elseif ( is_single() ){    //如果是文章页面
  14.         $categories = get_the_category();
  15.         $cat = $categories[0];
  16.         echo $sep . get_category_parents($cat->term_id, true, $sep) .'正文内容: '. get_the_title(); 
  17.     }
  18.     echo '</div>';
  19. }
也想出现在这里?联系我们
创客主机

2、前台调用

  1. <?php bread_nav();?>

下面是另一种方式所谓面包屑,就是类似这种:首页 > 公司简介 > 发展历史 展示网站树型结构,并让网站访问者随时知道自己所处的位置,方便返回上几级。将下面的代码添加到主题的 functions.php :

  1. //面包屑功能
  2. function the_breadcrumb() {
  3.                 echo '<ul class="breadcrumb">';
  4.         if (!is_home()) {
  5.                 echo '<li><a href="';
  6.                 echo get_option('home');
  7.                 echo '">';
  8.                 echo '首页';
  9.                 echo "</a></li>";
  10.                 if (is_category() || is_single()) {
  11.                         echo '<li>';
  12.                         the_category(' </li><li> ');
  13.                         if (is_single()) {
  14.                                 echo "</li><li>";
  15.                                 the_title();
  16.                                 echo '</li>';
  17.                         }
  18.                 } elseif (is_page()) {
  19.                         echo '<li>';
  20.                         echo the_title();
  21.                         echo '</li>';
  22.                 }
  23.         }
  24.         elseif (is_tag()) {single_tag_title();}
  25.         elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
  26.         elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
  27.         elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
  28.         elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
  29.         elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
  30.         elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
  31.         echo '</ul>';
  32. }

在主题模板中调用,如:

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

自定义函数实现 wordpress 面包屑导航

已有 313 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!