如何為Wordpress網站添加面包屑導航

對于面包屑導航,很多泰州做網站的人都了解,就是分類頁或者是內容頁上的一個導航設定(如下圖所示)。面包屑導航能夠改善網站的用戶體驗,是一種對搜索引擎優化很有用的設定。

圖1 無憂泰州網站優化的面包屑導航

今天我們就在這篇文章中為大家介紹下如何為自己的wordpress網站添加上面包屑導航功能。

面包屑導航的作用

網站上的面包屑導航一般可以分為三種類型,一種是我們最常見的,就是按照網站的結構:首頁>一級分類>二級分類>內容頁等這樣的形式,這種形式的面包屑導航可以讓用戶可以隨時了解自己所在網站的位置,并且可以返回到上一層分類中。
第二種類型是基于屬性,這主要是在一些電子商務類的網站上,比如淘寶京東上的面包屑導航會顯示用戶的一些搜索屬性,這些屬性可以讓用戶能夠快速的查找到自己想要的類似產品。
第三種類型是基于歷史記錄,這種方式方便用戶在網站中能夠回到原先瀏覽的頁面中。

不管是什么樣類型的面包屑導航,對于SEO都是有幫助的,它能夠幫助搜索引擎機器人比如百度蜘蛛更加容易了解你的網站結構。

如何為自己的wordpress網站添加面包屑導航

一般情況下,只要是合格的wordpress主題,都會有面包屑導航的,但是也有很多wordpress模板主題卻并沒有自帶面包屑導航,這個時候你可以通過下面的幾種方法來實現。

1、在Yoast SEO中啟用面包屑

Yoast SEO是wordpress上的一款功能強大的SEO插件,使用量是非常大的,也很優秀,其中它就自帶了一些增強型的網站功能,比如面包屑導航功能。

如果你還沒有安裝Yoast SEO,可以下載安裝一個。

如果你還沒有安裝Yoast SEO,可以下載安裝一個

安裝完成以后,你需要將下面的這段代碼添加到主題中:

<?php
if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb( ‘<p id=”breadcrumbs”>’,'</p>’ );
}
?>

添加的具體位置取決你現在使用的主題,如果你要在文章頁中使用面包屑導航,可以將它添加到主題的single.php模板文件中。另外如果將它粘貼到header.php文件的末尾則會在全站使用面包屑導航。

將它粘貼到header.php文件的末尾則會在全站使用面包屑導航
當你添加好調用代碼以后,還需要在Yoast SEO中啟用這個功能,位置在:SEO>搜索外觀>面包屑:將“ 面包屑”設置開關切換為啟用。

將“ 面包屑”設置開關切換為啟用。

2、使用其他wordpress插件來實現面包屑導航

雖然Yoast SEO的功能很強大,但是如果你已經使用了其他的seo插件,就不想再安裝它了,這個時候你可以選擇其他的一些面包屑插件來實現這樣的功能。我們推薦大家一款:Breadcrumb NavXT。

Breadcrumb NavXT的面包屑功能比Yoast SEO更加強大,因為它能夠讓你將面包屑導航添加到很多位置上,比如邊欄和頁腳上,而且它是高度可定制的,你可以選擇顯示在哪些頁面或者分類上。

Breadcrumb NavXT的面包屑功能比Yoast SEO更加強大

Breadcrumb NavXT的使用也是很簡單的,直接在外觀>小工具中進行添加和設置就可以了。

除了Breadcrumb NavXT外,我們再介紹一款輕量級的wordpress面包屑插件,這就是Breadcrumb,它的特色是可以通過簡碼的方式讓你在網站的任何位置添加面包屑,具體的效果可以參見下面這張圖:

Breadcrumb
具體的設置和使用方法我們就不介紹了,都是一些傻瓜式的操作,你只要安裝以后就能夠自己看懂的。

這款插件自帶了一些樣式,但是如果你具有一定的編寫代碼的能力,你可以對樣式進行更多的自定義。

Breadcrumb自定義樣式

3、手動添加面包屑

雖然使用插件或者是主題自帶的面包屑導航很方便,但是對于一些有更高要求的網站來說,這樣現有的條件并不能滿足自己的需求,這個時候就可以自己編寫面包屑導航代碼了。要想手動添加面包屑導航,你首先要將一個函數添加到functions.php文件中:

function get_breadcrumb() {
echo ‘<a href=””’.home_url().’”” rel=””nofollow””>Home</a>’;
if (is_category() || is_single()){
echo “ ? ”;
the_category (‘ ? ‘);
if (is_single()) {
echo “ ? ”;
the_title();
}
} elseif (is_page()) {
echo “ ? ”;
echo the_title();
} elseif (is_search()) {
echo “ ? ”;Search Results for…
echo ‘“<em>’;
echo the_search_query();
echo ‘</em>”’;
}
}

添加以后,你就可以在想要它出現的模板文件中調用它,比如要在內容頁上顯示,你可以在single.php中調用這個函數,下面是面包屑導航的調用代碼:

<div class=”breadcrumb”><?php get_breadcrumb(); ?></div>

但是這樣的面包屑是很簡陋的,你要想和自己的主題相匹配,就還不需要使用一些CSS樣式表。

你可以在主題的樣式表(style.css)中進行添加,比如下面的這段CSS代碼:

.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb a {
color: #428bca;
text-decoration: none;
}

通過上面的方式你就能獲得一個初步的wordpress面包屑導航條功能了。

總結

以上就是泰州無憂網絡為大家介紹的如何在wordpress使用面包屑導航的例子,上面的這是一個簡單的介紹,如果大家在建站的時候,操作的方法肯定比上面介紹的要高級一些,這樣才能夠獲得不錯的顯示效果。

總的來說,面包屑導航雖然是一個小的點,但是還是很有必要的,也建議大家都給自己的網站做上。

Contact Us

159-6100-4617

在線咨詢:點擊這里給我發消息

郵件:[email protected]

工作時間:周一至周五,9:30-18:30,節假日休息

QR code
云南快乐十分前组走势图 沈阳娱网棋牌大厅 网络游戏真的能赚钱 nba季后赛得分榜 大众棋牌游戏平台 20选8走势图 幸运赛车正规吗 神来棋牌安 彩金神龙捕鱼下载 大唐麻将山西 买平特四连肖 北京快乐8怎么提现不了 20选8走势图开奖结果 河南22选5下期预测1注 国家认可的车联网平台 经典单机游戏四人麻将 什么是网赚项目