WordPress添加面包屑导航功能

天外飘仙

你在浏览某个分类下的文章的时候你想回到上面的目录，就需要用到面包屑导航，它主要用来记录你当前相对于文章首页的位置，他是一个相对位置。
1，在functions.php中添加如下代码

1. function get_breadcrumbs()
   
2. {
   
3. global $wp_query;
   
4. if ( !is_home() ){
   
5. // Start the UL
   
6. echo '<ul>';
   
7. // Add the Home link
   
8. echo '<a href="'. get_settings('home') .'">'. 首页 .'</a>';
   
9. if ( is_category() )
   
10. {
    
11. $catTitle = single_cat_title( "", false );
    
12. $cat = get_cat_ID( $catTitle );
    
13. echo " &raquo; ". get_category_parents( $cat, TRUE, " &raquo; " ) ;
    
14. }
    
15. elseif ( is_archive() && !is_category() )
    
16. {
    
17. echo "&raquo; Archives";
    
18. }
    
19. elseif ( is_search() ) {
    
20. echo "&raquo; Search Results";
    
21. }
    
22. elseif ( is_404() )
    
23. {
    
24. echo "&raquo; 404 Not Found";
    
25. }
    
26. elseif ( is_single() )
    
27. {
    
28. $category = get_the_category();
    
29. $category_id = get_cat_ID( $category[0]->cat_name );
    
30. echo '&raquo; '. get_category_parents( $category_id, TRUE, " &raquo; " );
    
31. echo the_title('','', FALSE);
    
32. }
    
33. elseif ( is_page() )
    
34. {
    
35. $post = $wp_query->get_queried_object();
    
36. if ( $post->post_parent == 0 ){
    
37. echo "<li> &raquo; ".the_title('','', FALSE)."</li>";
    
38. } else {
    
39. $title = the_title('','', FALSE);
    
40. $ancestors = array_reverse( get_post_ancestors( $post->ID ) );
    
41. array_push($ancestors, $post->ID);
    
42. foreach ( $ancestors as $ancestor ){
    
43. if( $ancestor != end($ancestors) ){
    
44. echo '<li> &raquo; <a href="'. get_permalink($ancestor) .'">'. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</a></li>';
    
45. } else {
    
46. echo '<li> &raquo; '. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</li>';
    
47. }
    
48. }
    
49. }
    
50. }
    
51. // End the UL
    
52. echo "</ul>";
    
53. }
    
54. }

复制代码

2，在需要调用的地方调用就好了

1. <?php
   
2. get_breadcrumbs();
   
3. ?>

复制代码

3，自己CSS美化一下吧