如何在 WordPress 網站新增內容目錄？(3 個步驟)

當你在閱讀書籍時，是否會先瀏覽目錄以便了解書中大致的內容，進而找到感興趣的章節？在文章中新增內容目錄也能達到相同的效果，除了可以幫助讀者快速掌握重點外，也能讓搜尋引擎更加了解內容的架構。

如何新增內容目錄？

新增內容目錄的方法很簡單，只要 3 個步驟就能完成。如下：

步驟

在內文中新增標題

你需要在內文中新增標題以便讓內容目錄外掛抓取。以 Astra 佈景主題來說，文章的標題是 H1，所以內文中的標題就從 H2 開始新增，依此類推。

WordPress 區塊編輯器介紹，文章排版的最佳拍檔！(完整教學) – 驅動數位行銷

區塊編輯器的英文名稱為 Block Editor，是 WordPress 5.0 或更高版本內建的編輯器，與傳統編輯器不同的地方在於，是以「區塊」為最小編輯單位，使用者…

驅動數位行銷

步驟

安裝內容目錄外掛

內容目錄外掛的選擇很多，而且大多數都可從免費版開始，那麼應該要如何挑選？本站推薦 Easy Table of Contents 外掛，理由是：外表美觀、能自動新增內容目錄及操作介面不複雜。

Easy Table of Contents

安裝 Easy Table of Contents 外掛的方法如下：

1. 前往 [外掛]→[安裝外掛]。
2. 搜尋 Easy Table of Contents 後，點選 [立即安裝]。
3. 安裝完成後，點選 [啟用]。

步驟

設定 Easy Table of Contents

首先，你需要找到 Easy Table of Contents 外掛的設定位置，路徑為：[設定]→[內容目錄]。

如何設定內容目錄外掛？

Easy Table of Contents 外掛的設定很多，以下僅列舉部分我個人覺得實用的部分，你可以參考但不一定要與我相同。

顯示條件

如果內容中的標題數量小於 3 個，建議不要顯示內容目錄，因為數量太少看起來會有點空洞，所以你要將標題數量下限設定成 2。

標題層級

內容目錄我習慣只顯示 H2 標題，所以只要勾選 H2 標題即可。

自訂內容目錄標題標籤

預設的內容目錄文字是英文，你可以改成「內容目錄」。

自動插入內容目錄

自動為文章插入內容目錄就不用手動新增，能節省許多時間。如果遇到特殊場合，再針對個別文章停用，這種做法比較有效率。

平滑捲動偏移量

如果你啟用固定式選單，建議將偏移量調整為「30」，這能防止選單遮住內容標題。當然，如果你使用固定式內容目錄，可以忽略這項設定。

內容目錄顯示位置

我偏好將內容目錄顯示在「內文第一個標題」之前，也就是文章的「前言」之後。

內容目錄外掛比較

Fixed TOC 是另一款知名的內容目錄外掛，許多站長也會使用，所以特別將其與 Easy Table of Contents 進行比較。

內容目錄組合技

Easy Table of Contents 外掛搭配組合技便能大幅提升讀者的瀏覽體驗，將內容目錄的效果發揮到最大。

返回頂端

一般來說，內容目錄會與返回頂端按鈕一起搭配。以 Astra 佈景主題為例，回到頂端的設定位置在：[外觀自訂器]→[全域]→[返回頂端]。附帶一提，這項功能是免費的，無需安裝 Astra Pro 就能使用。

固定在資訊欄

你可以將內容目錄新增至資訊欄並將其固定。如此一來，當讀者往下閱讀文章時，內容目錄會一直出現在畫面上，不會消失不見。