Shopping Cart

購物車內沒有任何商品。

加入 WordPress 學習交流社團

為什麼要加入本社團?好處如下:

  1. 問題解答
  2. 免費教學
  3. 好用工具推薦
  4. 最新資訊
  5. 秘訣分享
立即加入
快速、安全及穩定的主機空間能提升網站 SEO 排名與使用者體驗

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

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

如何新增內容目錄?

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

步驟
在內文中新增標題

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

步驟
安裝內容目錄外掛

內容目錄外掛的選擇很多,而且大多數都可從免費版開始,那麼應該要如何挑選?推薦 LuckyWP Table of Contents 外掛,原因是評價很高、外表美觀、能自動新增內容目錄及操作介面不複雜。

安裝 LuckyWP Table of Contents 外掛的方法如下:

  1. 前往 [外掛]→[安裝外掛]。
  2. 搜尋 LuckyWP Table of Contents 後,點選 [立即安裝]。
  3. 安裝完成後,點選 [啟用]。
步驟
設定 LuckyWP Table of Contents

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

LuckyWP Table of Contents 內容目錄外掛設定路徑

如何設定內容目錄外掛?

LuckyWP Table of Contents 建議的設定如下,你可以參考但不一定要與我的設定相同。

標題數量下限

LuckyWP Table of Contents 內容目錄外掛標題數量下限

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

略過標題條件

LuckyWP Table of Contents 內容目錄外掛略過標題條件

內容目錄我習慣只顯示 H2 標題,所以除了 H2 外,其它的標題都要勾選以便讓內容目錄外掛忽略。

自訂內容目錄文字

LuckyWP Table of Contents 內容目錄外掛自訂內容目錄文字

預設的內容目錄文字我覺得可以,所以維持不變。當然,你想要更改也完全沒有問題。

捲動行為

LuckyWP Table of Contents 內容目錄外掛啟用平滑捲動並調整與頂端的偏移量

建議啟用平滑捲動效果並調整偏移量。以本站來說,偏移量設定成 90px 最合適。

自動插入內容目錄

LuckyWP Table of Contents 內容目錄外掛啟用自動為文章插入內容目錄

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

內容目錄顯示位置

內容目錄顯示位置在內文第一個標題前

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

內容目錄寬度

內容目錄寬度為自動調整

你可以依照自身喜好去決定內容目錄的寬度是多少。以本站來說,內容目錄的寬度為自動調整。

內容目錄外掛比較

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

LuckyWP Table of ContentsFixed TOC
費用免費付費 (20 美金)
設定位置網站後台網站前台 (外觀自訂器)
固定在頁面上無法可以
標題強調沒有

內容目錄組合技

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

返回頂端

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

固定在資訊欄

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

瀏覽次數: 276
全方位學 Wordpress – 從架站到整合行銷 2.0
  • 講師 24 小時內親自回覆問題,安心有保障
  • 優先推薦免費工具,幫你省荷包
  • 只推自己正在用的付費工具,不會為了傭金讓你繞遠路,真實誠懇
  • 注重效能,畢竟這會影響使用者體驗與 SEO 排名
  • 數 10 種學習資料,非常豐富
  • N 個獨家資源
  • 定期分享最新資訊
  • 300+參考指引
  • 內容 & 範本資料庫 (獨創)
開啟目錄