面包屑導航，簡單的說它就是提供給用戶回溯到網(wǎng)站首頁或入口頁面的一條快速路徑。今天倡萌分享一下WordPress 添加面包屑導航的三種方法，希望對大家有所幫助，原文參考自園子博客。
什么是面包屑導航
面包屑通常出現(xiàn)在頁面頂部，一般會位于標題或頁頭的下方。它提供給用戶返回之前任何一個頁面的鏈接(這些鏈接也是能到達當前頁面的路徑)，在層級架構中通常是這個頁面的父級頁面。
也可以這樣理解，面包屑提供給用戶回溯到網(wǎng)站首頁或入口頁面的一條快速路徑，它們絕大部分看起來就像這樣：首頁→分類頁→次級分類頁。如下圖所示：
面包屑導航的好處
1.可以提供多路徑的交互方式，方便用戶跳轉(zhuǎn)到其它頁面。在頁面及分類多的網(wǎng)站中尤其有用。
2.面包屑導航信息結構對于網(wǎng)站的seo也有著大的好處，它可以更多的強調(diào)網(wǎng)站關鍵字，擴大關鍵字的范圍，從而達到更好的優(yōu)化目的。
3.它從一個側(cè)面展示了該信息集合的信息結構和集合方式，可以讓用戶在最快的時間之內(nèi)找到需要的東西。
添加面包屑導航的方法
方法一：直接在相關頁面添加代碼
把以下代碼直接添加到你想出現(xiàn)面包屑導航的位置，比如 header.php 里面，也可以放在 single.php 頁面的導航標題上面，你有可能需要添加的頁面可能有：archive.php、archives.php、links.php、page.php。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
當前位置： »
if( is_single() ){
$categorys = get_the_category();
$category = $categorys[0];
echo( get_category_parents($category->term_id,true,' » ') );
the_title();
} elseif ( is_page() ){
the_title();
} elseif ( is_category() ){
single_cat_title();
} elseif ( is_tag() ){
single_tag_title();
} elseif ( is_day() ){
the_time('Y年Fj日');
} elseif ( is_month() ){
the_time('Y年F');
} elseif ( is_year() ){
the_time('Y年');
} elseif ( is_search() ){
echo $s.' 的搜索結果';
}
?>
此法來自萬戈博客，原文鏈接
方法二：通過 functions.php 調(diào)用
首先把以下代碼添加到主題的 functions.php 文件中
function dimox_breadcrumbs() {
$delimiter = '»';
$name = 'Home'; //text for the 'Home' link
$currentBefore = '';
$currentAfter = '';
if ( !is_home() && !is_front_page() || is_paged() ) {
echo '
global $post;
$home = get_bloginfo('url');
echo '' . $name . ' ' . $delimiter . ' ';
if ( is_category() ) {
global $wp_query;
$cat_obj = $wp_query->get_queried_object();
$thisCat = $cat_obj->term_id;
$thisCat = get_category($thisCat);
$parentCat = get_category($thisCat->parent);
if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));
echo $currentBefore . 'Archive by category '';
single_cat_title();
echo ''' . $currentAfter;
} elseif ( is_day() ) {
echo '' . get_the_time('Y') . ' ' . $delimiter . ' ';
echo '' . get_the_time('F') . ' ' . $delimiter . ' ';
echo $currentBefore . get_the_time('d') . $currentAfter;
} elseif ( is_month() ) {
echo '' . get_the_time('Y') . ' ' . $delimiter . ' ';
echo $currentBefore . get_the_time('F') . $currentAfter;
} elseif ( is_year() ) {
echo $currentBefore . get_the_time('Y') . $currentAfter;
} elseif ( is_single() ) {
$cat = get_the_category(); $cat = $cat[0];
echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
echo $currentBefore;
the_title();
echo $currentAfter;
} elseif ( is_page() && !$post->post_parent ) {
echo $currentBefore;
the_title();
echo $currentAfter;
} elseif ( is_page() && $post->post_parent ) {
$parent_id = $post->post_parent;
$breadcrumbs = array();
while ($parent_id) {
$page = get_page($parent_id);
$breadcrumbs[] = '' . get_the_title($page->ID) . '';
$parent_id = $page->post_parent;
}
$breadcrumbs = array_reverse($breadcrumbs);
foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';
echo $currentBefore;
the_title();
echo $currentAfter;
} elseif ( is_search() ) {
echo $currentBefore . 'Search results for '' . get_search_query() . ''' . $currentAfter;
} elseif ( is_tag() ) {
echo $currentBefore . 'Posts tagged '';
single_tag_title();
echo ''' . $currentAfter;
} elseif ( is_author() ) {
global $author;
$userdata = get_userdata($author);
echo $currentBefore . 'Articles posted by ' . $userdata->display_name . $currentAfter;
} elseif ( is_404() ) {
echo $currentBefore . 'Error 404' . $currentAfter;
}
if ( get_query_var('paged') ) {
if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';
echo __('Page') . ' ' . get_query_var('paged');
if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
}
echo '
';
}
}
最后在適當?shù)牡胤?如方法一中提到的幾個文件)添加以下代碼調(diào)用
如果想要美化下顯示方式，直接通過添加 css 即可。
1
.mbx-dh {padding: 5px 10px;}
方法三：使用Breadcrumb NavXT插件
在后臺，添加新插件，搜索“Breadcrumb NavXT” 安裝、激活。然后在header.php中合適的地方增加代碼：
1
2
3
這個插件還可以設置，進入設置選項后，共有general、current item、posts&pages、categories、tags、date archives、miscellaneous等相關設置。
1.general設置(一般設置)
可以設置面包屑導航的分割符(Breadcrumb Separator)
Breadcrumb Max Title Length——設置面包屑導航標題的最大長度
Home Breadcrumb——主頁的標題
Place the home breadcrumb in the trail：如果打勾的話表示在面包屑導航中顯示主頁，不打勾的話則不顯示。
Home Title——填入主頁的顯示標題，默認是blog，你可以修改為你想要的標題。
Home Prefix——(主頁前綴)可以在主頁前面添加說明文字。
Home Suffix——(主頁后綴)在主頁后面添加說明文字
Home Anchor、Blog Anchor一般不需要修改，插件會自動生成鏈接。
2.current item設置
Link Current Item表示是否設置當前頁面鏈接
Current Item Prefix和Current Item Suffix ：當前頁的前后綴
current Item Anchor默認就可以了
Paged Breadcrumb、Paged Prefix、Paged Suffix是用來設置頁面的面包屑導航，設置方法同上。
3.posts&pages設置
Post Prefix、Post Suffix、Post Anchor、Page Prefix、Page Suffix、Attachment Prefix等選項的基本上設置方法同上
但是，
Post Taxonomy Display如果勾選的話表示在按照主頁-分類-子分類-文章等形式顯示出來，如果不勾選的話表示只分按照主頁-文章顯示出來。
Post Taxonomy表示按照什么來進行導航，有分類目錄和標簽可以選擇。
4.categories設置
基本上設置方法同上
5.date archives這里可以修改文章日期分類面包屑導航顯示樣式。
6.miscellaneous選項里提供了Author、Search、404頁面的面包屑導航設置。
SEO專題推薦：
關鍵詞優(yōu)化專題：網(wǎng)站關鍵詞優(yōu)化沒效果?來這里學習最實用的關鍵詞優(yōu)化技巧!
內(nèi)鏈優(yōu)化專題：最能提升網(wǎng)站權重的內(nèi)鏈部署優(yōu)化技巧與方法
外鏈建設專題：高質(zhì)量自然外鏈怎么做?讀完這些你將質(zhì)的飛躍
網(wǎng)站降權專題：2015年最有用的網(wǎng)站降權、被K、被黑、被攻擊的解決方法
用戶體驗專題：學習完這些，作為站長的你可以秒懂如何做網(wǎng)站用戶體驗
行業(yè)網(wǎng)站專題：優(yōu)化行業(yè)網(wǎng)站的“葵花寶典”看完后無優(yōu)化壓力
申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機遇！
