每月僅需 600 元起便能享有快速、安全及穩定的主機空間

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

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

/ 閱讀時間 5 分鐘 

最後更新時間 : 2023 年 8 月 29 日

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

如何新增內容目錄?

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

步驟一:在內文中新增標題

你需要在內文中新增標題以便讓內容目錄外掛抓取。以本站使用的 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 內容目錄外掛設定路徑

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 就能使用。

固定在資訊欄

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

這篇文章對您是否有幫助?

0 / 5

Your page rank:

不滿意現有網站的速度嗎?😥

我們提供的 WordPress 網站代管服務能讓你的網站快如閃電,進而提升使用者體驗與 SEO 排名。

全方位學 WordPress – 從架站到整合行銷 2.0

這是一門 WordPress 架站與 SEO 行銷課程,學完後便能擁有更全面的架站技能並且透過課程所教的行銷操作手法與資源,讓你的網站獲得更多曝光的機會,進而帶來收益。

發佈留言

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


購物車

聯絡我們

請填寫以下表單,我們將盡速與您聯繫

聯絡資訊
需求確認


驅動

關於我們

驅動數位行銷成立於 2019 年,提供個人或企業在網路上的各種行銷解決方案,主要的服務項目包含:網頁設計、網站代管以及搜尋引擎最佳化。與其他網頁設計公司不同之處在於,我們是以獲得更多流量、名單、銷售與轉介紹為導向。

PRO 360 專家檔案