欢迎来到鲍余网络官网 官方微信 官方微博 IDC网站
深圳网站建设官方微信

网络之路,从这里开始

热线电话

18576678080 / 0755-85278776

网站知识
首页 > 网站知识 > 不用Yoast Breadcrumbs,wodpress纯代码制作面包屑

不用Yoast Breadcrumbs,wodpress纯代码制作面包屑

  • 所属分类: 网站知识
  • 发布时间:2017/10/5 9:37:39
  • 作者: 鲍余网络
  • 点击量:


Yoast Breadcrumbs是基于wordpress的一款非常不错的面包屑生成插件,不过鉴于他加载的资源过多(插件一般都会),所以最好还是通过代码实现吧 ,这是最近的项目开发碰到的问题,不过查找资料解决了,并且将代码分享出来,亲测有用。

1在Functions.php文件中添加

Source code    
function get_breadcrumbs() { global $wp_query;   if ( !is_home() ){   // Start the UL echo '<ul class="breadcrumbs">'; // Add the Home link echo '<li><a href="'. get_settings('home') .'">网站首页</a></li>';   if ( is_category() ) { $catTitle = single_cat_title( "", false ); $cat = get_cat_ID( $catTitle ); echo "<li> &raquo; ". get_category_parents( $cat, TRUE, " &raquo; " ) ."</li>"; } elseif ( is_archive() && !is_category() ) { echo "<li> &raquo; Archives</li>"; } elseif ( is_search() ) {   echo "<li> &raquo; Search Results</li>"; } elseif ( is_404() ) { echo "<li> &raquo; 404 Not Found</li>"; } elseif ( is_single() ) { $category = get_the_category(); $category_id = get_cat_ID( $category[0]->cat_name );   echo '<li> &raquo; '. get_category_parents( $category_id, TRUE, " &raquo; " ); echo the_title('','', FALSE) ."</li>"; } elseif ( is_page() ) { $post = $wp_query->get_queried_object();   if ( $post->post_parent == 0 ){   echo "<li> &raquo; ".the_title('','', FALSE)."</li>";   } else { $title = the_title('','', FALSE); $ancestors = array_reverse( get_post_ancestors( $post->ID ) ); array_push($ancestors, $post->ID);   foreach ( $ancestors as $ancestor ){ if( $ancestor != end($ancestors) ){ echo '<li> &raquo; <a href="'. get_permalink($ancestor) .'">'. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</a></li>'; } else { echo '<li> &raquo; '. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</li>'; } } } }   // End the UL echo "</ul>"; } }

2在有需要添加面包屑插件的页面适当位置添加

<php get_breadcrumbs(); >

3样式定义

Source code    
ul.breadcrumbs { list-style: none; padding: 0; margin: 0; font-size:12px; } ul.breadcrumbs li { float: left; margin: 0 5px 0 0; padding: 0; }

 

通过以上的3部曲,基本可以实现多样的面包屑定义了,本人有php和css基础,以上代码基本能扩展成任何想要的样子了。



以上“不用Yoast Breadcrumbs,wodpress纯代码制作面包屑”由鲍余网络整理发布,转载请注明出处。鲍余网络8年专注建站,要找深圳网站建设,深圳建网站,深圳网站设计,深圳网站制作,就好鲍余网络。24小时服务资讯热线:18576678080。



关键词: 深圳网站建设(513) 深圳网站设计(193) 网站设计(88) 深圳做网站(82)

相关文章:

有做网站需求?   联系客服经理 提交需求 直接拨打业务电话:0755-85278776