By烟花易冷

WordPerss实现面包屑导航菜单
2016-07-14

这貌似是一个老话题了,面包屑导航的作用是是告诉访问者他们目前在网站中的位置,可以在一定程度上提升用户体验,不少网站都会存在,但是WordPress有什么实现方法呢?下面我们来一探究竟。

1、首先,WordPress内页,有几种,包括Archives(分类目录)、搜索页和404页,这几种页面一定程度上是不需要导航的,我们在制作的时候需要避开。
2、文章页时,我们应该向 网站浏览者 展示 网站名>分类名>文章名,简明易懂。
3、没有3了,直接上代码。下面这一段添加到主题的functions.php里面。

//请放在<?php后
function get_breadcrumbs() 
{ 
global $wp_query; 
if ( !is_home() ){ 
echo '<ul>'; 
echo '<a href="'. get_settings('home') .'">'. 首页 .'</a>'; 
if ( is_category() ) 
{ 
$catTitle = single_cat_title( "", false ); 
$cat = get_cat_ID( $catTitle ); 
echo " &raquo; ". get_category_parents( $cat, TRUE, " &raquo; " ) ; 
} 
elseif ( is_archive() && !is_category() ) 
{ 
echo "&raquo; Archives"; 
} 
elseif ( is_search() ) { 
echo "&raquo; Search Results"; 
} 
elseif ( is_404() ) 
{ 
echo "&raquo; 404 Not Found"; 
} 
elseif ( is_single() ) 
{ 
$category = get_the_category(); 
$category_id = get_cat_ID( $category[0]->cat_name ); 
echo '&raquo; '. get_category_parents( $category_id, TRUE, " &raquo; " ); 
echo the_title('','', FALSE); 
} 
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>'; 
} 
} 
} 
} 
echo "</ul>";
} 
}

在你的主题需要显示面包屑导航菜单的地方,插入以下代码、

<?php 
if (function_exists('get_breadcrumbs')){ 
 get_breadcrumbs(); 
} 
?>