什麼是 Table of Content(內容大綱/文章目錄)?
以中文來說,就是網頁內容大綱或者文章目錄,它可以幫助讀者快速了解這篇文章的架構,方便他們決定是否要繼續閱讀以及選擇哪一段去閱讀。
Table of Content(內容大綱/文章目錄)的基本運作方式
建立內容大綱的方式很多,帶路姬這篇文章會列出五種常見的方式,他們運作的方式都非常類似:他會自動尋找文章中的標題,把標題抓出來列進大綱中,自動產生連結。通常你可以在內容大綱的設定處,決定你要顯示哪些標題階層,標題階層通常包含 H1~H6:
- H1 大標題:一篇文章通常只需要一個 H1 大標題,這樣可以清楚的讓 Google 機器人了解這篇文章與什麼相關,因此,當你建立文章時,幫文章取的那個大標題,就已經是用 H1 這個 HTML 標籤,內文裡就不建議再加 H1標題。
- H2 次大標題:有的佈景主題會提供次大標題的欄位,以 Soledad 主題來說,編輯文章時,右手邊文章設定處的最下方,就有一個 ADD SUBTITLE (新增次標題) 的欄位,這個次標題通常是使用 H2 這個 HTML 標籤,因此,也不建議內文再加 H2 標題。
- H3~H6標題:以帶路姬自己個人的習慣來說,在寫文章內容時,我就會以 H3 標題來開始做大分段,偶爾也會加入H4與H5等更低階層的小標題。因此,我在設定內容大綱功能時,我習慣只顯示 H3 標題來當作大綱,這個其實沒有一定的規則,大家可以依照自己的寫作習慣來調整。
下面帶路姬就來列出幾個常見的製作 Table of Content 內容大綱/目錄的方式。
使用佈景主題中內建的功能(以 Soledad 主題為例)
這是最推薦的方式,如果你的佈景主題已經有附帶這個功能,如果能不裝外掛就盡量不要裝,這樣減少網站變慢與外掛衝突的機會。
Soledad 主題的 Table of Content 功能
Soledad 主題內建這個內容大綱的功能喔!超棒的!下面帶路姬大致列出使用說明:
- 到 WordPress 後台 > 外觀 > 自訂 (Customize) > Table of Content
- 在第一行 Enable Support in Post Types 的地方,選擇 Posts (文章),就會在文章裡自動加入內容大綱功能。
- Insert Table of Contents To(你要加到哪裡)
- Sticky Position(頁面往下滑,文章大綱黏著的位置)
- Show Table of Contents for Posts has How Many Minimum Heading Tags(最少要幾個標題以上,才會顯示內容大綱)
- Header Label(可以把 Table of Content 這段英文字,改成「內容大綱」)
- Maximum Level of Table of Contents(最多顯示幾個階層的標題)
- Headings(預設是六個階層都會顯示,你可以自訂要顯示哪些)
- 最後,編輯每篇文章時,最下方有個選項可以讓你設定,這篇文章是否要顯示內容大綱。(如下圖)
外觀 > 自訂裡就可以啟用內容大綱功能 文章下方可以指定是否要顯示內容大綱
使用 Stackable、Qubely、Spectra 外掛裡面的 Table of Content 區塊
這三個擴充外掛 (Stackable, Qubely, Spectra) 包含了各式各樣的「區塊 Blocks」,他們都有免費版與付費版,好消息是免費版都包含 Table of Content 內容大綱的功能,他們的運作方式也是類似,都是自動匯集文章中的標題,成為一個內容大綱,然而,不同的地方是,他不是全站式的設定,他不會自動出現在每篇文章中,所以你得在需要的文章裡,自己手動加入這個內容大綱區塊。他們的使用方式也非常直覺,只要像加入其他內容區塊一樣點選「+」來加入「Table of Content」區塊,然後就可以在點選該區塊時,右手邊進一步做相關設定。
使用 Easy Table of Contents 外掛
Easy Table of Contents 是個免費的外掛,可以全站式的設定內容大綱功能,功能非常的齊全,而且已經有中文版,使用方式非常的直覺,大家可以參考帶路姬最上面所說的一些觀念,來做設定適合自己的設定就可以了喔!
如果今天介紹的這幾個方式對你有幫助的話,別忘了留言告訴帶路姬喔!
1 留言
您好,關於Soledad主題的第9項敘述,請問設定位置是否有更新?
前述1-8步驟都已順利設定完成,但在設定單篇文章目錄顯示時無法順利找到「是否顯示目錄」的選項,謝謝!