wordpress教程:面包屑导航(更细版本)

之前模板下载吧分享过一例 wordpress面包屑 的代码教程,详情可见:GO  今天再分享一款更加细化的 wordpress面包屑导航,教程依然很简单,往functions.php加代码,然后前端调用即可,至于样式,自由发挥吧。代码如下:

wordpress教程:面包屑导航(更细版本)

  1. function wpmomo_breadcrumb_html($post_id,$separator){  
  2.  $path[] = wpmomo_breadcrumb_output( home_url('/'), '首页');  
  3.  if( get_post_type($post_id)=='post' ) {  
  4.  $cats_id = array();  
  5.  $categories = get_the_category($post_id);  
  6.  if($categories){  
  7.  foreach($categories as $category) {  
  8.  if(!in_array($category->term_id,$cats_id)){  
  9.  if ( $category->parent ){  
  10.  $path[] = wpmomo_get_category_parents( $category->parent, $separator );  
  11.  $cats_id[] = $category->parent;  
  12.  }  
  13.  $path[] = wpmomo_breadcrumb_output( get_category_link( $category->term_id ), $category->name);  
  14.  $cats_id[] = $category->term_id;  
  15.  }  
  16.  }  
  17.  }  
  18.  }  
  19.  if( is_singular() && !is_single() && !is_page() ){  
  20.  $post_type = get_post_type();  
  21.  $post_type_obj = get_post_type_object( $post_type );  
  22.  $path[] = wpmomo_breadcrumb_output( get_post_type_archive_link( $post_type ), $post_type_obj->labels->singular_name);  
  23.  }  
  24.  $path[] = wpmomo_breadcrumb_output( get_permalink($post_id), get_the_title($post_id));  
  25.  echo join( $separator ,$path);  
  26.  }  
  27.  function wpmomo_get_category_parents( $id$separator=''$visited = array() ) {  
  28.  $chain = '';  
  29.  $parent = get_term( $id, 'category' );  
  30.  if ( is_wp_error( $parent ) )  
  31.  return $parent;  
  32.  $name = $parent->name;  
  33.  if ( $parent->parent && ( $parent->parent != $parent->term_id ) && !in_array( $parent->parent, $visited ) ) {  
  34.  $visited[] = $parent->parent;  
  35.  $chain .= wpmomo_get_category_parents( $parent->parent, $separator$visited );  
  36.  }  
  37.  $chain .= wpmomo_breadcrumb_output( get_category_link( $parent->term_id ), $name);  
  38.  return $chain;  
  39.  }  
  40. function wpmomo_breadcrumb_output($url,$name){  
  41.  return '<span">'.$name.'';  
  42.  }  

代码放进去后,下面就是在你的前端位置加入调用了,代码如下:

  1. <?php wpmomo_breadcrumb_html(get_the_ID(),'&nbsp› &nbsp'); ?>  
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

所有文章为演示数据,不提供下载地址,版权归原作者所有,仅提供演示效果!

模板下载吧 快速入门 wordpress教程:面包屑导航(更细版本) https://www.mbxzb.com/rumen/3180.html

从明天起,做一个幸福的人,喂马、劈柴、周游世界…

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

评论
暂无评论
点击按钮快速添加回复内容: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 威武 友军 顶贴
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

wordpress教程:面包屑导航(更细版本)-海报

分享本文封面