當你在閱讀書籍時,是否會先瀏覽目錄以便了解書中大致的內容,進而找到感興趣的章節?在文章中新增內容目錄也能達到相同的效果,除了可以幫助讀者快速掌握重點外,也能讓搜尋引擎更加了解內容的架構。
如何新增內容目錄?
新增內容目錄的方法很簡單,只要三個步驟就能完成。如下:
步驟一:在內文中新增標題
你需要在內文中新增標題以便讓內容目錄外掛抓取。以本站使用的 Astra 佈景主題來說,文章的標題是 H1,所以內文中的標題就從 H2 開始新增,依此類推。
步驟二:安裝內容目錄外掛
內容目錄外掛的選擇很多,而且大多數都可從免費版開始,那麼應該要如何挑選?推薦 LuckyWP Table of Contents 外掛,原因是評價很高、外表美觀、能自動新增內容目錄及操作介面不複雜。
安裝 LuckyWP Table of Contents 外掛的方法如下:
- 前往 [外掛]→[安裝外掛]。
- 搜尋 LuckyWP Table of Contents 後,點選 [立即安裝]。
- 安裝完成後,點選 [啟用]。
步驟三:設定 LuckyWP Table of Contents
首先,你需要找到 LuckyWP Table of Contents 外掛的設定位置,路徑為:[設定]→[內容目錄]。
LuckyWP Table of Contents 建議的設定如下,你可以參考但不一定要與我的設定相同。
標題數量下限
如果內容中的標題數量小於 3 個,建議不要顯示內容目錄,因為數量太少看起來會有點空洞,所以你要將標題數量下限設定成 2。
略過標題條件
內容目錄我習慣只顯示 H2 標題,所以除了 H2 外,其它的標題都要勾選以便讓內容目錄外掛忽略。
自訂內容目錄文字
預設的內容目錄文字我覺得可以,所以維持不變。當然,你想要更改也完全沒有問題。
捲動行為
建議啟用平滑捲動效果並調整偏移量。以本站來說,偏移量設定成 90px 最合適。
自動插入內容目錄
自動為文章插入內容目錄就不用手動新增,能節省許多時間。如果遇到特殊場合,再針對個別文章停用,這種做法比較有效率。
內容目錄顯示位置
我偏好將內容目錄顯示在內文第一個標題前,也就是文章的前言後。
內容目錄寬度
你可以依照自身喜好去決定內容目錄的寬度是多少。以本站來說,內容目錄的寬度為自動調整。
內容目錄外掛比較
Fixed TOC 是另一款知名的內容目錄外掛,許多站長也會使用,所以特別將其與 LuckyWP Table of Contents 進行比較。
LuckyWP Table of Contents | Fixed TOC | |
費用 | 免費 | 付費 (20 美金) |
設定位置 | 網站後台 | 網站前台 (外觀自訂器) |
固定在頁面上 | 無法 | 可以 |
標題強調 | 沒有 | 有 |
內容目錄組合技
LuckyWP Table of Contents 外掛搭配組合技便能大幅提升讀者的瀏覽體驗,將內容目錄的效果發揮到最大。
返回頂端
一般來說,內容目錄會與返回頂端按鈕一起搭配。以本站所使用的 Astra 佈景主題為例,回到頂端的設定位置在:[外觀自訂器]→[全域]→[返回頂端]。附帶一提,這項功能是免費的,無需安裝 Astra Pro 就能使用。
固定在資訊欄
你可以將內容目錄新增至資訊欄並將其固定。如此一來,當讀者往下閱讀文章時,內容目錄會一直出現在畫面上,不會消失不見。