Skip to content

站長微信

aka 你的 Google 小老師|軟體推薦、程式教學、解決方案、觀察日常

Menu
  • 關於我
  • 遠距工作
  • 韓劇
  • WordPress
Menu

WordPress 教學!Easy Table of Contents 幫部落格新增免費目錄,提升更好的閱讀體驗

Posted on 2020 年 1 月 14 日2020 年 2 月 29 日 by WEICHEN 微信

文章最後更新於 2020 年 2 月 29 日

這篇文章會講解如何幫站長們將 WordPress 網站的文章上架自動加入目錄。讓讀者們在閱讀你的文章內容時,可以一目瞭然你的文章內容結構,更是一個對於編輯者來說很重要的一個功能,試想你在寫文章的時候是不是需要一個結構快速瀏覽,幫助你找到重點?這個功能顯然對於資訊爆炸時代的我們是很重要的一個功能。

WordPress 外掛名稱:Easy Table of Contents 
Wordpress 外掛描述:透過該外掛,只要你善用 h1-h6,它能幫你自動產生目錄。

文章目錄

  • 目錄是什麼
    • 你為什麼需要目錄
    • 檢索使用
    • SEO 用途
  • 解決方案
    • 安裝方式
    • 進行設定
    • 呈現方式
  • 做個總結
    • 想說的話
    • 延伸閱讀
    • 鼓勵創作
    • 作者介紹

目錄是什麼

你為什麼需要目錄

目錄好重要!筆者自己寫部落格的時候會希望後續可以方便容易找,現今在網路上充斥太多的內容了,當你要找到有用有效的資訊除了要看該資訊是否為近期的發布以外,重要的還有方不方便尋找,因此結構就很重要,底下我們會更進一步談目錄使用。

檢索使用

檢索一詞從漢語網的解釋是:「檢索是指從文獻資料、網絡信息等信息集合中查找到自己需要的信息或資料的過程。」表示人類透過檢索這個行為可以查找到他需要的資料,當然這個只是行為而已,如果需要更好的去查找,就會牽涉到結構這件事情。如對人類檢索結構有興趣請在本篇文章留言,我會專門在寫一篇文章討論這件事情。這邊僅做基本概述,用書來做舉例:一本書有目錄,其實這個目錄就是一種訊息的結構性。幫助人們在閱讀的時候具有結構認知進而幫助他們找到重要的知識。當然,如果你僅是閒暇時間閱讀,你可以不管目錄把它看完,而當你在有限的時間內要查找資訊的時候,目錄就是具備這個結構特性重要的依據。

SEO 用途

在網頁上面新增有效的 HTML 結構會幫助網站更容易被理解。這邊的被理解分成「機器人」、「人類」兩種,「機器人」指的是在網路上的爬蟲,最經典的就是 Google,試想你在網路上你是怎麼找到別人的文章?其實就是 Google 派出了爬蟲機器人前往檢索預先幫你把網站搜集並整理起來,因此它會需要知道部落客撰寫文章時的結構,這就是我們的 HTML Tags 了,像是 H1, H2, H3, H4, H5, H6, P, Ttitle 等。

解決方案

安裝方式

搜尋並安裝 Easy Table of Contents

進行設定

STEP 1.

到 WordPress 左側欄有「設定」點選「Table Of Contents」
這一步很重要,筆者一開始還找不到XDD 氣死我了。

在「設定」裡面

STEP 2.

STEP1 點選後會在右手邊看到設定的區塊,原則上是會在文章中顯示目錄,因此你可以勾選「文章」。

設定區塊

STEP 3.

General 區塊設定,你可以設定「Position」來放置目錄實際上擺放位置,有第一個目錄前、第一個目錄後、文章最上面跟文章最下面。「Show when」可以設定至少需要幾個結構標籤才顯示,筆者改成三個。「Display Header Label」顯示 Easy Table of Contents  標題。「Header Label」可以修改成你要顯示的文章標題。

重要設定

STEP 4.

Appearance 區塊設定,可以設定 Easy Table of Contents 的主題,有「灰色」、「淡藍色」、「白色」、「黑色」、「透明」跟客製化選擇,筆者試過還是灰色跟白色較實用,不喜歡的話還可以再做調整。

主題設定

客製化主題

STEP 5.

Advanced 區塊設定,裡面真的就是進階比較細項的設定,如「滾動位移 Smooth Scroll Offset」、「手機滾動位移 Mobile Smooth Scroll Offset」、「除外關鍵字 Exclude Headings」、「是否顯示到首頁」等等諸如此類,筆者個人覺得要設定的是你哪些結構標籤要啟用,如下圖。當你啟用之後 Easy Table of Contents 會幫你自動生成結構目錄。

 

呈現方式

文章頁面可以有自己的設定,假如你特別要在某些文章做目錄結構標籤上的設定修正,可以在該篇文章中做調整。

文章內的目錄設定

設定完在文章顯示發布或預覽的情況下皆可以看到效果。閱讀這篇文章如果沒辦法順利安裝,歡迎在底下留言讓我知道,我會再更新解決方法,幫助這篇文章更有效。

產生的畫面

做個總結

想說的話

這個外掛目錄算是好用的外掛,對於有資訊爆炸憂鬱症的人是非常好的小工具幫助你可以快速找到你要的資料。筆者自己就非常需要,如你看完本篇文章有其他不錯的外掛推薦,歡迎留言告訴我,我會再研究看看是否是有幫助的!並持續更新到這篇文章上面。

延伸閱讀

How to Create a Table of Content in WordPress Posts and Pages

【WordPress教學】免費的目錄外掛,5分鐘輕鬆搞定你的WordPress目錄

鼓勵創作

本篇文章如有幫助請分享出去,讓有需要的人看見。歡迎追蹤我的 Instagram 或粉專頁面,持續更新好用好玩的內容給大家。你認同也請支持我得到回饋與幫助,以行動鼓勵我繼續整理撰寫更好的文章!我是微信,整理獲得好訊息 aka Google 小老師、我們下次見。

Facebook Comments

作者介紹

WEICHEN 微信

WEICHEN 微信

站長技能佈道師|外包網站開發|自我管理成長方法
曾在路上被誤認為韓國人,英文名唸起來像是微信,因此得名。
熱愛分享痛恨不反省的人,俗語吾日三醒吾身,睡醒清醒驚醒。
經營自媒體圈更多站長站起來。想當站長?站長站起來社團加起來。
https://www.facebook.com/groups/229912621504612/
口頭禪:都給我追起來。

See author's posts

1 thought on “WordPress 教學!Easy Table of Contents 幫部落格新增免費目錄,提升更好的閱讀體驗”

  1. 自動引用通知: 如何成為一名站長?自媒體時代你該學會哪些技能知識去經營 · 站長微信

發佈留言 取消回覆

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

站長微信

WEICHEN 微信

WEICHEN 微信

weichengolive@gmail.com

站長技能佈道師|外包網站開發|自我管理成長方法
曾在路上被誤認為韓國人,英文名唸起來像是微信,因此得名。
熱愛分享痛恨不反省的人,俗語吾日三醒吾身,睡醒清醒驚醒。
經營自媒體圈更多站長站起來。想當站長?站長站起來社團加起來。
https://www.facebook.com/groups/229912621504612/
口頭禪:都給我追起來。

See author's posts

成為站長嗎?取得站長技能包

熱門文章

  • Netflix 韓劇!尹賢敏高聖熙主演《我的全像情人》觀後感分享 - 4,507 views
  • 武漢肺炎疫情讓遠距議題受到重視,2020 的 6 種在家工作/賺錢方法 - 4,469 views
  • WordPress 教學!Easy Table of Contents 幫部落格新增免費目錄,提升更好的閱讀體驗 - 3,621 views
  • Mac 使用 VPN Plus 註冊 Instagram 帳號,破解同一IP無法註冊問題 - 3,577 views
  • 如何成為一名站長?自媒體時代你該學會哪些技能知識去經營 - 2,432 views

近期文章

  • 武漢肺炎疫情讓遠距議題受到重視,2020 的 6 種在家工作/賺錢方法
  • Netflix 韓劇!尹賢敏高聖熙主演《我的全像情人》觀後感分享
  • Mac 使用 VPN Plus 註冊 Instagram 帳號,破解同一IP無法註冊問題
  • 如何成為一名站長?自媒體時代你該學會哪些技能知識去經營
  • WordPress 教學!Easy Table of Contents 幫部落格新增免費目錄,提升更好的閱讀體驗

分類

  • Instagram
  • Wordpress
  • Wordpress 外掛
  • 獨立工作者
  • 疑難雜症
  • 站長技能
  • 追劇
  • 遠距工作

彙整

  • 2020 年 2 月
  • 2020 年 1 月

其他操作

  • 登入
  • Entries feed
  • Comments feed
  • WordPress.org 台灣繁體中文

追蹤我新的小知識

微信訊息
©2026 站長微信 | Built using WordPress and Responsive Blogily theme by Superb