首頁 » 網站架設相關 » WordPress小技巧 » [WP小技巧]顯示麵包屑導航

[WP小技巧]顯示麵包屑導航

何謂麵包屑導航?

主要目的為幫助使用者更加了解文章內容的位置, 也同時讓搜尋引擎更清楚網站內的各個層級與結構, 進而增加搜尋結果的曝光率!

這裡提供二個方法:

1.利用 All in One SEO for WordPress 這個外掛去設定, 大多數網站應該都會有安裝此外掛, 所以直接使用內建的選項來開啟麵包屑導航的功能, 這樣子可以減少多安裝一個外掛而可能造成網站的效能減低.

2. 使用 Breadcrumb_NavXT 這個外掛程式也可以, 也可以參考此篇文章.

下圖紅色框中, 就是麵包屑導航的完整路徑, 此篇文章內容會以第一個方式來說明.

在完成All in One SEO for WordPress外掛安裝與啟用之後, 可以在Wordpress後台中左側功能表找到[All in One SEO], 選擇[General Settings], 就可以找到[麵包屑導航頁], 然後直接開啟使用.

此外掛提供4個不同方式去顯示此功能, 這裡使用[PHP代碼]方式, 直接在主機內加入代碼.

直接複製紅色框內的全部內容, 右方有一個圖示可以按下copy.

然後到主機內\wp-content\themes\佈景主題\, 開啟編輯single.php此檔案.

[溫馨提醒]修改任何佈景主題內的文件時, 建議使用子佈景主題方式, 可參考此篇文章.

將已複製的代碼內容貼到合適的位置, 這裡是放在主要內容區的上方,最後別忘了儲存就可以了.

下方是針對麵包屑導航的樣式細項調整, 這就看網站主的巧思去改變了!

總結:

直接用外掛就有的選項去開啟, 可以減少過多外掛而影響網站的效能, 且此外掛也都有中文支援, 相信對Wordpress的新手也不會太難理解!

Share via:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *