文章最後更新於 2023 年 7 月 7 日
架站想做好SEO，必定會安裝WordPress目錄外掛，除了讓網友可以先行瞭解文章大致架構，也可以就有興趣的段落直接點擊閱讀。我當時找目錄外掛的時候多半都是推 Easy Table of Contents，安裝後覺得方便層級多，只是設計稍微陽春，後來接觸到日本設計的Rich Table of Contents覺得更有設計感使用也直覺，單純因為喜歡就改用至今，還有讀者特地私訊或來信詢問，那就來簡單介紹一下~
學習WordPress架站推薦購入網站帶路姬所著「用WordPress打造賺錢副業」
∣ 購買soledad佈景主題 ∣
∣ 更多WordPress佈景主題 ∣
Rich Table of Contents 哪裡下載？
可先前往外掛頁面看介紹(尚無中文化、有英文)
在WordPress的安裝外掛頁面搜尋得到，要注意一下和自己的WorePress版本是否相容，不相容的話即使安裝也無法顯示。
RTOC設定介紹
完成安裝之後，在後台會直接顯示在面板上，看到簡稱「RTOC settings」就是了。
點擊進入設定，其實預設都有大致都有完成，主要看個人喜好可以作調整，會有「基本設定」、「風格設定」、「配色設定」、「進階設定」等項目。
基本設定
選擇目錄要顯示的文字、是否要在所有文章/頁面顯示、希望顯示到標題的層級、少於多少標題不要顯示…等。
RTOC可以顯示的標題層級比較少，最多就到H4，如果文章內容多到超過H4的標題設定，那可能就無法滿足，我通常最多用到H3而已，所以很剛好。
除了標題自行設定外，勾一勾選項即可。
風格設定
這邊就是設定目錄外觀顯示的樣式，對齊或置中、H2和H3顯示的標題形式，看個人喜好。
細部的目錄外框的設計選擇，也是很直覺地挑選。
其他有些其實也搞不清楚是在選什麼效果，我基本都是按預設的項目沒有更動。
配色設定
這個設定就很有感了，可以選擇預設幫忙配好的幾款顏色，身為女性自然就挑選粉色系，預設的配色也很醒目，就沒有更動。
想要自行搭配也沒問題，下方有客製化選擇，愛換什麼顏色就換個高興。
進階設定
這裡有一個貼心的設計功能，就是有「返回目錄」的功能，看個人需求要不要開啟，原本只有手機版有這個功能，現在PC也有了，這點真的很棒，因為通常想要「返回目錄」的功能還需要另外安裝外掛或用其他方式，RTOC則是直接涵蓋。
設定完成按下儲存即可，設定過程想預覽變化，旁邊就會顯示，調整到喜歡再儲存，這點也很方便。
前台顯示
基本上跟後台預覽不會有差異，會根據文章中設定的標題層級自動生成呈現，個人是選擇文章有超過3個子標題才會生成目錄，預設開啟，也有啟動「返回目錄」的功能。
其他－短代碼
短代碼的部分就比較不熟悉，主要是可以針對單篇文章作設定，複製代碼以html的方式崁入即可呈現，但因為我沒有使用上的需要，所以沒有用過。也算是某種細膩的設計吧。
RTOC貼心特色
除了回目錄的設定，文章連結也可以導入RTOC，設定文章錨點，這點我也覺得很貼心便利，可能有些人會覺得不夠精準，但我個人覺得連結至文章某段落已經很好用了！
連結錨點設定
在文章網址後面加入「#rtoc」和「-想要導入的序號」，即可完成。
例如現在想要到導入 「日文自學∣推薦台灣女婿出口仁老師教材「大家學標準日語」初/中/高級本」 這篇文章的 「Youtube佛心免費教材」 段落，我就在該篇原始網址的後面加上「#rtoc-6」，即可完成文章錨點。
網址為 https://linrenching.net/7160/#rtoc-6
點擊該網址即會自動到設定的位置去。
結語：RTOC優缺點
個人蠻喜歡Rich Table of Contents的，簡單列一下優缺點提供參考：
優點
- 設計清新簡潔
- 好操作好設定
- 有返回目錄功能
- 可設定文章連結錨點
缺點
- 標題層級只到H4
如果和我一樣文章沒有到長篇大論、分項不多，那麼這個目錄外掛是蠻好用的，很推薦。
學習WordPress架站推薦購入網站帶路姬所著「用WordPress打造賺錢副業」
香港的朋友對網頁設計、WP有興趣可以參考鬍子科技學院~ 🙂
➡ 鬍子科技學院網站
不過還是看個人習慣，想要進階或是多參考，幾個線上課程平台也都有推出類似課程，參考如下
∣ Hahow 好學校 / 網站架設 ∣
∣ YOTTA / 網頁設計課程 ∣ (包含梅干桑的WordPress課程)
∣ 窩課360 / 網頁設計 ∣ (較專業進階)
∣ 六角學院 / 網頁設計 ∣ (較專業進階)
∣ 購買soledad佈景主題 ∣
∣ 更多WordPress佈景主題 ∣
感謝閱覽！若您願意額外點讚鼓勵(至多5讚)，那就真的太圓滿了~ 😉
∣ Google ∣ FB ∣ Twitter ∣ APPLE ID ∣ 皆可登入/註冊
