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