学做网站培训课程介绍

当前位置:

如何制作网站面包屑导航

什么是网站面包屑导航

相信很多初学建站的学员对网站菜单导航并不陌生,但对于网站面包屑导航却知之甚少,那么什么是网站面包屑导航呢?就是网站首页之外的主题内容上面的阶梯形导航。如下图:
wordpress网站面包屑导航制作

面包屑导航制作方法

从网站面包屑导航的作用来看,它对于我们做网站SEO优化有着相当的作用。那么如何做网站时能够制作出网站面包屑导航呢?方法如下:

  1. 进入自己做网站的后台,找到主题下面的编辑按钮;wordpress网站面包屑导航制作"
  2. 将以下的代码复制到模板函数functions.php里;
    
    
    //面包屑
    function wheatv_breadcrumbs() {
      $delimiter = ' > ';
      $name = '首页';
     
      if ( !is_home() ||!is_front_page() || is_paged() ) {
     
        global $post;
        $home = home_url();
        echo '<a href="' . $home . '"  class="gray">' . $name . '</a> ' . $delimiter . ' ';
     
        if ( is_category() ) {
          global $wp_query;
          $cat_obj = $wp_query->get_queried_object();
          $thisCat = $cat_obj->term_id;
          $thisCat = get_category($thisCat);
          $parentCat = get_category($thisCat->parent);
          if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));
          echo single_cat_title();
     
        } elseif ( is_day() ) {
          echo '<a href="' . get_year_link(get_the_time('Y')) . '"  class="gray">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
          echo '<a href="' . get_month_link(get_the_time('Y'),get_the_time('m')) . '"  class="gray">' . get_the_time('F') . '</a> ' . $delimiter . ' ';
          echo get_the_time('d');
     
        } elseif ( is_month() ) {
          echo '<a href="' . get_year_link(get_the_time('Y')) . '"  class="gray">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
          echo get_the_time('F');
     
        } elseif ( is_year() ) {
          echo get_the_time('Y');
     
        } elseif ( is_single() ) {
          $cat = get_the_category(); $cat = $cat[0];
          echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
          echo the_title();
     
        } elseif ( is_page()||!$post->post_parent ) {
          the_title();
     
        } elseif ( is_page()||$post->post_parent ) {
          $parent_id  = $post->post_parent;
          $breadcrumbs = array();
          while ($parent_id) {
            $page = get_page($parent_id);
            $breadcrumbs[] = '<a href="http://www.frontopen.com/wp-admin/ . get_permalink($page->ID) . "  class="gray">' . get_the_title($page->ID) . '</a>';
            $parent_id  = $page->post_parent;
          }
          $breadcrumbs = array_reverse($breadcrumbs);
          foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';
          the_title();
     
        } elseif ( is_search() ) {
          echo get_search_query();
     
        } elseif ( is_tag() ) {
          echo single_tag_title();
     
        } elseif ( is_author() ) {
           global $author;
          $userdata = get_userdata($author);
          echo '由'.$userdata->display_name.'发表';
     
        } elseif ( is_404() ) {
          echo '404 错误';
        }
     
        if ( get_query_var('paged') ) {
          if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';
          echo '第' . ' ' . get_query_var('paged').' 页';
          if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
        }
      }else{
        echo $name;
      }
    }
  3. 在需要调用面包屑导航页面的合适位置添加以下代码:
    
    
    <?php wheatv_breadcrumbs(); ?>

就这样二步,我们就可以在自己做网站时,给自己的wordpress网站上添加面包屑导航了。

发表评论

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

相关教程

  • 零基础新手要学习网站建设,以下的网站建设教程是零基础新手必须学习的网站制作教程。只有将以下的基础知识学会了,才能为以后建网站打下坚实的基础。
  • 这是一家上海电气公司网站,网站制作时采用传统企业网站制作方法与布局结构。网站顶部使用大尺寸的LOGO,网站导航制作使用全屏宽度菜单,每个菜单项宽
  • 什么是网站面包屑导航相信很多初学建站的学员对网站菜单导航并不陌生,但对于网站面包屑导航却知之甚少,那么什么是网站面包屑导航呢?就是网站首页
  • 面包屑导航是什么? (14264 次浏览)
    在仿站教程中,我们介绍了一个概念,就是面包屑导航。它的作用就是让浏览我们网站的用户,清晰的知道他浏览的页面位于网站的哪个位置。那么你还记得面
  • 感谢VIP学员:卓新红  的无私分享,此模板已通过学做网站论坛网的审核,大家可放心使用。分享一个网址导航站模板,这个网址导航模板可以制作图片
  • 在学做网站论坛的VIP课程中,我们讲了做网站时,我们网站的导航是调用一级分类和页面,可往往为了一些需要,登录制作wordpress下拉菜单,要求调用某个