首頁 WordPress 教學 Table of Content:建立網站內容大綱(文章目錄)的五種方法

Table of Content:建立網站內容大綱(文章目錄)的五種方法

發佈日期: 上次更新: 1 留言 859 次瀏覽

什麼是 Table of Content(內容大綱/文章目錄)?

以中文來說,就是網頁內容大綱或者文章目錄,它可以幫助讀者快速了解這篇文章的架構,方便他們決定是否要繼續閱讀以及選擇哪一段去閱讀。

Table of Content(內容大綱/文章目錄)的基本運作方式

建立內容大綱的方式很多,帶路姬這篇文章會列出五種常見的方式,他們運作的方式都非常類似:他會自動尋找文章中的標題,把標題抓出來列進大綱中,自動產生連結。通常你可以在內容大綱的設定處,決定你要顯示哪些標題階層,標題階層通常包含 H1~H6:

  1. H1 大標題:一篇文章通常只需要一個 H1 大標題,這樣可以清楚的讓 Google 機器人了解這篇文章與什麼相關,因此,當你建立文章時,幫文章取的那個大標題,就已經是用 H1 這個 HTML 標籤,內文裡就不建議再加 H1標題
  2. H2 次大標題:有的佈景主題會提供次大標題的欄位,以 Soledad 主題來說,編輯文章時,右手邊文章設定處的最下方,就有一個 ADD SUBTITLE (新增次標題) 的欄位,這個次標題通常是使用 H2 這個 HTML 標籤,因此,也不建議內文再加 H2 標題
  3. H3~H6標題:以帶路姬自己個人的習慣來說,在寫文章內容時,我就會以 H3 標題來開始做大分段,偶爾也會加入H4與H5等更低階層的小標題。因此,我在設定內容大綱功能時,我習慣只顯示 H3 標題來當作大綱,這個其實沒有一定的規則,大家可以依照自己的寫作習慣來調整。

下面帶路姬就來列出幾個常見的製作 Table of Content 內容大綱/目錄的方式。

使用佈景主題中內建的功能(以 Soledad 主題為例)

這是最推薦的方式,如果你的佈景主題已經有附帶這個功能,如果能不裝外掛就盡量不要裝,這樣減少網站變慢與外掛衝突的機會。

Soledad 主題的 Table of Content 功能

Soledad 主題內建這個內容大綱的功能喔!超棒的!下面帶路姬大致列出使用說明:

  1. WordPress 後台 > 外觀 > 自訂 (Customize) > Table of Content
  2. 在第一行 Enable Support in Post Types 的地方,選擇 Posts (文章),就會在文章裡自動加入內容大綱功能。
  3. Insert Table of Contents To(你要加到哪裡)
  4. Sticky Position(頁面往下滑,文章大綱黏著的位置)
  5. Show Table of Contents for Posts has How Many Minimum Heading Tags(最少要幾個標題以上,才會顯示內容大綱)
  6. Header Label(可以把 Table of Content 這段英文字,改成「內容大綱」)
  7. Maximum Level of Table of Contents(最多顯示幾個階層的標題)
  8. Headings(預設是六個階層都會顯示,你可以自訂要顯示哪些)
  9. 最後,編輯每篇文章時,最下方有個選項可以讓你設定,這篇文章是否要顯示內容大綱。(如下圖)

使用 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 留言

Zoe 2022-05-22 - 4:08 pm

您好,關於Soledad主題的第9項敘述,請問設定位置是否有更新?
前述1-8步驟都已順利設定完成,但在設定單篇文章目錄顯示時無法順利找到「是否顯示目錄」的選項,謝謝!

回答
訂閱電子報 (週四寄)
帶路姬的文章重質不重量,所以請訂閱我的電子報,以確保會收到更多優質教學好文喔!
聯盟分潤聲明

此站內容為Erin的真實架站經驗分享,部分推薦的商品有參加 聯盟計畫,您若點選文中的連結而購買商品,Erin可以從中獲取一點分潤。不過Erin 100%保證,只誠懇推薦自己親身試用過的好東西。(什麼是聯盟計畫?)

支持帶路姬

假如你很喜歡帶路姬的文章,希望鼓勵帶路姬繼續寫作,幫助WordPress新手,與推廣WordPress,不如贊助一下帶路姬吧!

追蹤帶路姬
帶路姬人氣

網站成立:2018/05/01
總瀏覽量:2,150,487 (2022/2/9)
總訪客量:502,824 (2022/2/9)

© WordPress 網站帶路姬 2018~2022 版權所有 |  本站使用 Soledad主題 + Elementor Pro 編輯器   | 推薦使用 Cloudways主機

★ 完全免費的影音+圖文教學+ ★

帶路姬陪你用五天的下班時間
做好第一個 WordPress 網站

想完整的學好基礎嗎?快來看看吧!😊
close-link