WordPress如何添加面包屑导航

面包屑导航是一系列连接的导航链接，这些链接显示了您浏览网站页面的路径，面包屑通常显示在页面顶部，以方便访问。主要目的是使用户能够轻松地回溯，从而改善站点的UX，除此以外，面包屑导航对于整体网站体验和SEO都有好处。那么WordPress如何添加面包屑导航？

我们可以通过自定义代码实现面包屑，将以下代码添加到现用主题的functions.php文件中：

1. // WordPress Breadcrumb Function
2. // Add this code into your theme function file.
4. function ah_breadcrumb() {
6. // Check if is front/home page, return
7. if ( is_front_page() ) {
8. return;
9. }
11. // Define
12. global $post;
13. $custom_taxonomy = ''; // If you have custom taxonomy place it here
15. $defaults = array(
16. 'seperator' => '»',
17. 'id' => 'ah-breadcrumb',
18. 'classes' => 'ah-breadcrumb',
19. 'home_title' => esc_html__( 'Home', '' )
20. );
22. $sep = '<li class="seperator">'. esc_html( $defaults['seperator'] ) .'</li>';
24. // Start the breadcrumb with a link to your homepage
25. echo '<ul id="'. esc_attr( $defaults['id'] ) .'" class="'. esc_attr( $defaults['classes'] ) .'">';
27. // Creating home link
28. echo '<li class="item"><a href="'. get_home_url() .'">'. esc_html( $defaults['home_title'] ) .'</a></li>' . $sep;
30. if ( is_single() ) {
32. // Get posts type
33. $post_type = get_post_type();
35. // If post type is not post
36. if( $post_type != 'post' ) {
38. $post_type_object = get_post_type_object( $post_type );
39. $post_type_link = get_post_type_archive_link( $post_type );
41. echo '<li class="item item-cat"><a href="'. $post_type_link .'">'. $post_type_object->labels->name .'</a></li>'. $sep;
43. }
45. // Get categories
46. $category = get_the_category( $post->ID );
48. // If category not empty
49. if( !empty( $category ) ) {
51. // Arrange category parent to child
52. $category_values = array_values( $category );
53. $get_last_category = end( $category_values );
54. // $get_last_category = $category[count($category) - 1];
55. $get_parent_category = rtrim( get_category_parents( $get_last_category->term_id, true, ',' ), ',' );
56. $cat_parent = explode( ',', $get_parent_category );
58. // Store category in $display_category
59. $display_category = '';
60. foreach( $cat_parent as $p ) {
61. $display_category .= '<li class="item item-cat">'. $p .'</li>' . $sep;
62. }
64. }
66. // If it's a custom post type within a custom taxonomy
67. $taxonomy_exists = taxonomy_exists( $custom_taxonomy );
69. if( empty( $get_last_category ) && !empty( $custom_taxonomy ) && $taxonomy_exists ) {
71. $taxonomy_terms = get_the_terms( $post->ID, $custom_taxonomy );
72. $cat_id = $taxonomy_terms[0]->term_id;
73. $cat_link = get_term_link($taxonomy_terms[0]->term_id, $custom_taxonomy);
74. $cat_name = $taxonomy_terms[0]->name;
76. }
78. // Check if the post is in a category
79. if( !empty( $get_last_category ) ) {
81. echo $display_category;
82. echo '<li class="item item-current">'. get_the_title() .'</li>';
84. } else if( !empty( $cat_id ) ) {
86. echo '<li class="item item-cat"><a href="'. $cat_link .'">'. $cat_name .'</a></li>' . $sep;
87. echo '<li class="item-current item">'. get_the_title() .'</li>';
89. } else {
91. echo '<li class="item-current item">'. get_the_title() .'</li>';
93. }
95. } else if( is_archive() ) {
97. if( is_tax() ) {
98. // Get posts type
99. $post_type = get_post_type();
101. // If post type is not post
102. if( $post_type != 'post' ) {
104. $post_type_object = get_post_type_object( $post_type );
105. $post_type_link = get_post_type_archive_link( $post_type );
107. echo '<li class="item item-cat item-custom-post-type-' . $post_type . '"><a href="' . $post_type_link . '">' . $post_type_object->labels->name . '</a></li>' . $sep;
109. }
111. $custom_tax_name = get_queried_object()->name;
112. echo '<li class="item item-current">'. $custom_tax_name .'</li>';
114. } else if ( is_category() ) {
116. $parent = get_queried_object()->category_parent;
118. if ( $parent !== 0 ) {
120. $parent_category = get_category( $parent );
121. $category_link = get_category_link( $parent );
123. echo '<li class="item"><a href="'. esc_url( $category_link ) .'">'. $parent_category->name .'</a></li>' . $sep;
125. }
127. echo '<li class="item item-current">'. single_cat_title( '', false ) .'</li>';
129. } else if ( is_tag() ) {
131. // Get tag information
132. $term_id = get_query_var('tag_id');
133. $taxonomy = 'post_tag';
134. $args = 'include=' . $term_id;
135. $terms = get_terms( $taxonomy, $args );
136. $get_term_name = $terms[0]->name;
138. // Display the tag name
139. echo '<li class="item-current item">'. $get_term_name .'</li>';
141. } else if( is_day() ) {
143. // Day archive
145. // Year link
146. echo '<li class="item-year item"><a href="'. get_year_link( get_the_time('Y') ) .'">'. get_the_time('Y') . ' Archives</a></li>' . $sep;
148. // Month link
149. echo '<li class="item-month item"><a href="'. get_month_link( get_the_time('Y'), get_the_time('m') ) .'">'. get_the_time('M') .' Archives</a></li>' . $sep;
151. // Day display
152. echo '<li class="item-current item">'. get_the_time('jS') .' '. get_the_time('M'). ' Archives</li>';
154. } else if( is_month() ) {
156. // Month archive
158. // Year link
159. echo '<li class="item-year item"><a href="'. get_year_link( get_the_time('Y') ) .'">'. get_the_time('Y') . ' Archives</a></li>' . $sep;
161. // Month Display
162. echo '<li class="item-month item-current item">'. get_the_time('M') .' Archives</li>';
164. } else if ( is_year() ) {
166. // Year Display
167. echo '<li class="item-year item-current item">'. get_the_time('Y') .' Archives</li>';
169. } else if ( is_author() ) {
171. // Auhor archive
173. // Get the author information
174. global $author;
175. $userdata = get_userdata( $author );
177. // Display author name
178. echo '<li class="item-current item">'. 'Author: '. $userdata->display_name . '</li>';
180. } else {
182. echo '<li class="item item-current">'. post_type_archive_title() .'</li>';
184. }
186. } else if ( is_page() ) {
188. // Standard page
189. if( $post->post_parent ) {
191. // If child page, get parents
192. $anc = get_post_ancestors( $post->ID );
194. // Get parents in the right order
195. $anc = array_reverse( $anc );
197. // Parent page loop
198. if ( !isset( $parents ) ) $parents = null;
199. foreach ( $anc as $ancestor ) {
201. $parents .= '<li class="item-parent item"><a href="'. get_permalink( $ancestor ) .'">'. get_the_title( $ancestor ) .'</a></li>' . $sep;
203. }
205. // Display parent pages
206. echo $parents;
208. // Current page
209. echo '<li class="item-current item">'. get_the_title() .'</li>';
211. } else {
213. // Just display current page if not parents
214. echo '<li class="item-current item">'. get_the_title() .'</li>';
216. }
218. } else if ( is_search() ) {
220. // Search results page
221. echo '<li class="item-current item">Search results for: '. get_search_query() .'</li>';
223. } else if ( is_404() ) {
225. // 404 page
226. echo '<li class="item-current item">' . 'Error 404' . '</li>';
228. }
230. // End breadcrumb
231. echo '</ul>';
233. }

然后还需要将以下行添加到主题的header.php文件中：

1. <?php
2. // Call the breadcrumb function where you want to display
3. if ( function_exists('ah_breadcrumb') ) ah_breadcrumb();
4. ?>

第一个片段将面包屑添加到您的主题。第二个“调用”相关功能，以便导航链接出现在页眉中。请注意，您可能需要删除开头的<?php，此代码才能与主题的现有文件一起使用。

分类：新闻资讯

标签：WordPress教程