打開(kāi)wordpress，在當(dāng)前wordpress主題中的 functions.php 文件添加下面的代碼。修改”我的博客首頁(yè)”的鏈接。在需要使用面包屑導(dǎo)航的主題文件的對(duì)應(yīng)位置添加下面的調(diào)用代碼即可。
首先，我們打開(kāi)自己電腦上的網(wǎng)頁(yè)編輯器，我以DW軟件為例。我們新建一個(gè)HTML文檔。然后我們?cè)贖TML的body部分開(kāi)始寫(xiě)我們的代碼。面包屑導(dǎo)航是橫排的幾個(gè)文字和圖片的組合。我們可以用ulli，或者dldtdd來(lái)實(shí)現(xiàn)。
如圖，實(shí)現(xiàn)一個(gè)點(diǎn)擊左側(cè)菜單后，右側(cè)面包屑導(dǎo)航隨之變化的功能。
1、洋鑫博客分析網(wǎng)站面包屑導(dǎo)航的類型如下：路徑型：路徑型面包屑是一個(gè)動(dòng)態(tài)顯示用戶到達(dá)頁(yè)面經(jīng)過(guò)的途徑；位置型：位置型面包屑是固定的，顯示了頁(yè)面在網(wǎng)站結(jié)構(gòu)中的位置；屬性型：屬性型面包屑給出的當(dāng)前頁(yè)面的分類信息。
2、該類型導(dǎo)航有3種類型。位置型：位置型面包屑是固定的，顯示頁(yè)面在網(wǎng)站結(jié)構(gòu)中的位置，位置型面包導(dǎo)航通常在頁(yè)面頂部水平出現(xiàn)，會(huì)位于標(biāo)題或頁(yè)眉的下方。
3、面包屑導(dǎo)航分類：基于位置的面包屑導(dǎo)航。用于表明頁(yè)面之間的層次關(guān)系和當(dāng)前頁(yè)所在的位置。這種頁(yè)面之間的層級(jí)關(guān)系可以是沒(méi)有所屬和包含關(guān)系的，只要這幾個(gè)頁(yè)面本身存在線性跳轉(zhuǎn)關(guān)系?；趯傩缘拿姘紝?dǎo)航。
4、基于位置的面包屑導(dǎo)航這種類型是最常見(jiàn)的。這種類型的面包屑導(dǎo)航可以很好的指出當(dāng)前頁(yè)面與整個(gè)站點(diǎn)的層次結(jié)構(gòu)。這種面包屑導(dǎo)航可以顯示當(dāng)前頁(yè)面的前一個(gè)頁(yè)面或者目錄的鏈接。
該類型導(dǎo)航有3種類型。位置型：位置型面包屑是固定的，顯示頁(yè)面在網(wǎng)站結(jié)構(gòu)中的位置，位置型面包導(dǎo)航通常在頁(yè)面頂部水平出現(xiàn)，會(huì)位于標(biāo)題或頁(yè)眉的下方。
面包屑的類型 面包屑是基于網(wǎng)站的邏輯結(jié)構(gòu)而存在的導(dǎo)航組件，它可以基于位置、路徑來(lái)展示，也可以基于屬性而存在?；谖恢玫拿姘?基于位置的面包屑設(shè)計(jì)通常都能很好的反映網(wǎng)站的結(jié)構(gòu)特征。
網(wǎng)站面包屑：一個(gè)“面包屑”（或“面包線索”）是一個(gè)類型為二級(jí)導(dǎo)航方案，揭示了網(wǎng)站或網(wǎng)頁(yè)應(yīng)用程序中用戶的所在位置。這是一種“歷史記錄”的應(yīng)用方式，目的是幫助你追溯來(lái)路，因而它應(yīng)該是一種線性的導(dǎo)航方式。
你先想想你通過(guò)什么網(wǎng)站買的 如果是手機(jī)購(gòu)買的看看你用那個(gè)APP購(gòu)買的 舉個(gè)例子 如果用支付寶買的，進(jìn)入首頁(yè)看到彩票點(diǎn)進(jìn)去在右上角有我的彩票提示，點(diǎn)進(jìn)去就可以看到你購(gòu)買的記錄以及開(kāi)獎(jiǎng)信息。
首先我們來(lái)看看面包屑導(dǎo)航的作用：讓用戶了解當(dāng)前所處位置，以及當(dāng)前頁(yè)面在整個(gè)網(wǎng)站中的位置。
面包屑導(dǎo)航提供給用戶返回網(wǎng)站首頁(yè)或入口頁(yè)面的路徑，通常大于（），雖然有些設(shè)計(jì)是其他符號(hào)（如）。他們中的大部分看起來(lái)像這樣：網(wǎng)頁(yè)分類頁(yè)面二級(jí)分類首頁(yè)或> 分類；二級(jí)分類頁(yè)。
不要使用面包屑來(lái)替代網(wǎng)頁(yè)主要的導(dǎo)航系統(tǒng) 面包屑只是一個(gè)輔助導(dǎo)航系統(tǒng)，它無(wú)法替代主要的導(dǎo)航系統(tǒng)。請(qǐng)記住，它是僅僅是為了用戶方便的次要選項(xiàng)，用來(lái)抵達(dá)其他層級(jí)的快速定位鏈接系統(tǒng)。
選擇合適的尺寸和間距 在設(shè)計(jì)的時(shí)候應(yīng)當(dāng)仔細(xì)考慮尺寸和間隔大小，不同的面包屑層級(jí)之間應(yīng)當(dāng)有足夠的間距，確保用戶能夠識(shí)別。當(dāng)然你也不希望面包屑占據(jù)頁(yè)面太多的空間，如果面包屑比頂部導(dǎo)航還要大，看起來(lái)就非常尷尬了。
同樣是為了網(wǎng)站后期優(yōu)化考慮，建議把“正文”這樣的字眼改為文章標(biāo)題比較好。因?yàn)槲恼聵?biāo)題里一般會(huì)有企業(yè)關(guān)鍵字眼，有利于搜索蜘蛛抓取。
比如說(shuō)，一個(gè)用戶通過(guò)百度搜索到一個(gè)頁(yè)面，然后看到一個(gè)面包屑路徑，這將會(huì)誘使用戶點(diǎn)擊上一級(jí)頁(yè)面去瀏覽感興趣的相關(guān)主題。這樣，從而，可以降低網(wǎng)站的總體跳出率。
