【內容目錄外掛推薦】 Easy Table of Contents 讓 WordPress 輕鬆產生文章目錄

書籍前面都會有個目錄,能讓讀者快速找到章節,WordPress 當然也可以實現文章目錄的功能,一鍵產生大綱,方便訪客快速了解文章內容!

在這篇教學中,我們將使用「Easy Table of Contents」外掛,一步一步操作,實現內容目錄這個功能。

使用標題區塊整理大綱

在寫文章時,我們要先正確使用區塊編輯器,用「標題區塊」把文章的結構建立好。

一般來說,WordPress 在寫文章時,最上方輸入的標題就套用了 H1 標記,也就是最主要的標題了。所以在下方內容的標題區塊部分,請都從 H2 標記開始,畢竟一篇文章不該同時有兩個主標題。而如果用了 H2 還不夠表達接下來的整個段落,可以再接著使用 H3 做細分,以此類推。像是本篇文章內容目錄到小數點的部分,就是使用到 H3 的標題段落做出來的。

那如果預覽文章時發現 H3、H4、H5 等標題區塊的文字太小的話,請從 外觀>自訂 去修改佈景主題的文字大小,不要在區塊編輯器一個一個改喔!

安裝內容目錄外掛

Easy Table of Contents 安裝方法
Easy Table of Contents 安裝方法
  1. 點擊 WordPress 後台的 外掛>安裝外掛。
  2. 關鍵字搜尋「toc」或者直接搜尋外掛全名。
  3. 找到「Easy Table of Contents」按下立即安裝,之後點啟用。

設定 Easy Table of Contents

Easy Table of Contents內容目錄外掛設定
Easy Table of Contents內容目錄外掛設定

接下來到 WordPress 後台的設定區域,就可以找到新出現的「內容目錄」了。接下來分享我的配置:

一般設定

一般情況,我習慣把「文章」和「頁面」都勾選啟用,但不會勾選自動插入,原因是比起手動去排除不要插入的地方,我更偏好手動去選擇哪些地方要插入內容目錄。當然這樣做的話就是每次寫文章都要勾選,如果懶一點的話,選自動是沒有什麼關係的。

下方的部分我基本上都按照預設,僅僅修改「標題標籤」的部分。

內容目錄外觀

我只會去修改「外觀樣式選項」,是根據我網站的色彩去做搭配,其他的部分我覺得預設都很好看,開發者一開始就設計得很好!

進階設定

如果你很確定自己用不到哪些標題段落,可以在「標題層級」的部分取消掉,像我一開始就絕不使用超過 H5 (如果超過 H4 還無法表達,那我會重新修改一次內容)。

平滑捲動偏移量需要特別注意,網頁版和行動版都是,但無法給各位精準建議數值,畢竟這個跟佈景主題設定有關。建議各位到時候自己一邊修改,一邊打開一篇文章看效果,盡量讓標題剛好出現在視線中。我只能說「我的」設定是網頁版 100px / 行動版 75px。

插入內容目錄

如果你有設定自動插入的話,這一步就不用做了。

插入 TOC 內容目錄
插入 TOC 內容目錄

寫完文章後,到最下方找到「Table of Contents」的區域,把使用到的標題打勾,最後按下發佈,內容目錄就會順利顯示囉!

Easy Table of Contents 付費版

付費版是額外新增了對應的區塊,可以讓你在任何地方插入這個內容目錄,也可以讓它常駐出現在螢幕上等等功能。如果覺得這些功能吸引你的話,可以自行到外掛官網進行購買。

常見問題

什麼是「WordPress 內容目錄」?

就像是書籍一開始都會提供目錄與頁次一樣,WordPress 也可以做到類似的事情。在文章前方產生章節目錄,讓訪客快速找到自己要的內容。

製作內容目錄很重要嗎?

基本上對於訪客和使用者有幫助的事情,我都會說很重要。而內容目錄就能讓訪客了解文章架構,肯定是好的!

文章類別

小技巧

文章標籤

WordPress, 外掛, 小技巧

建議文章