什麼是 Fixed TOC 目錄外掛?相信不少站長都知道,文章的目錄外掛除了協助訪客更容易了解文章的大綱和編排之外,還有 SEO 加分的功用。如果您對 WordPress 文章目錄外掛沒有觀念,請花 10 分鐘了解這篇基礎教學【推薦兩套免費 WordPress 目錄外掛比較】,然後再回來這篇文章,這篇是【進階課程】,並不會重複基礎知識,新手要注意這點,下方我們直接切入這套外掛的重點部份,設定上會複雜一點,請耐心留意教學的細節步驟。
為什麼需要目錄外掛
您可以打開任意的實體書本,為了在讀者閱讀之前,提供一個清晰的學習順序和脈絡,出版商會為每個章節的主題,置於書本的最前頁面,稱為【文章目錄】,這方便我們整理大家的思緒,您可以選擇從自己感興趣的議題開始閱讀,加上適量的閱讀標記,每個人的閱讀習慣不同,因人而異。這次介紹的外掛,小總結就是網絡版的【文章大綱】,但如果您以(短文)為主,目錄外掛可能和您無緣了。
目錄外掛需要花錢購買嗎?
答案是不需要,絕大部分的網站並不需要花錢在這方面,市場有不少免費又好用的選擇,例如我們之前介紹【推薦兩套免費 WordPress 目錄外掛比較】,就有提供適合新手的解決方案,簡單易上手。
固定側邊欄效果
Fixed TOC 預設是會自動固定,不會左遙右擺,達到目錄可以延伸到整個網站的效果,讀者點擊目錄的超連結,會自動帶到對應的章節。
延伸閱讀:
免費的【Q2W3 Fixed Widget for WordPress】外掛也可以做到【固定】物件的效果,供大家參考。
Fixed TOC 外掛有什麼特色?
Fixed TOC 外掛
提供大量的客制化選項,您無須自學 CSS 語法,就能調出您喜歡外觀和配色。
主要的效果是控制,當瀏覽者滑動文章時,外掛目錄實時的動畫互動,有數種效果可供選擇。
除了【浮動目錄】外,您可以任意地方插入目錄,例如文章裡不同的位置。也可以選擇在左方或右方的側邊欄。Fixed TOC 有自動偵察何時需要顯示什麼的設計,讀者會感到很舒適。
由於操作需要一點時間適應,加上要在了解如果【全域控制】,還是【獨立每篇控制】,加上各種(觸發機制),新手初期必定會感到無助和困難,這是進階目錄外掛的明顯缺點。
進階目錄外掛並非【必須品】,省下這筆錢可以提升主機 / 外掛或佈景主題的質量,新手不宜過早投資這類外掛,或者等到大減價再入手也未遲。
傳統目錄外掛
相對比較(平凡)和單調的外觀設計,但實用和簡單也是一個優點,且看每個人的價值觀。
本身並不提供任何特別效果供選擇,除非您懂得使用 CSS 調整。
雖然傳統目錄外掛比較不靈活,但只需要塔配另一套【Q2W3 Fixed Widget for WordPress】外掛,這外掛可以協助您把物件擺放在任意的位置,是絕配的組合,但缺點是需要多安裝一個外掛。
在所有 WordPress 外掛之中,應該算是最容易使用的外掛之一,後台設定簡單易明,一般只需要選擇是不是允許【自動套用】和套用的位置即完成,其他設定值維持預設就非常滿意了。
免費和簡單易上手,已經沒有什麼批評的地方,是大部分 WordPress 新手的恩物。
外掛數據:
最後更新日期 | 01 / 02 / 2021 |
評分 | |
評論數目 | 306 |
銷售量 | 1,800 |
支援 WordPress 版本 | WordPress 5.6.x |
支援瀏覽器版本 | IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge |
售價 一次性買斷 單一用戶 | 美金 $20 |
如何購買 Fixed TOC 目錄外掛?
如何【安裝】Fixed TOC 外掛?

由於這篇是針對【進階的用家】,如何購買 Fixed TOC 目錄外掛這類新手問題就不多論述了,如有查詢請向【社團】查詢。售價是單一網站 $20 美金,然後可以在 Themeforest 的【下載區 Download Area】找到您所有購買的產品,找到 Fixed TOC – table of contents for WordPress plugin 就對了,下載到您的電腦裡備用。
上傳 Fixed TOC 外掛

步驟一
步驟二
如何【啟用】Fixed TOC 外掛?

步驟一
步驟二
如何【刪除】Fixed TOC 外掛?

步驟一
Fixed TOC【設定位置】

在網站後台【設定 Setting】–> 【Fixed TOC】,這個目錄外掛只有一頁的設定介面,在下方會簡介。
Fixed TOC【基礎設定】

目錄外掛的設定也比較簡單,在【Post Types 文章類型】裡,推薦勾選【Post 文章】和【Page 頁面】這兩個最常用的類型,而【Media 媒體】就應該不需要了。
下方的【Headings 標題】就是我們常見的 H1 至 H6 標題,推薦使用至 H4 就可以,一般我們撰寫文章,很難使用到 H4 之後的標題,除非是撰寫論文之類。
延伸閱讀:
HTML 標題語法 h1 至 h6 的使用原則和 SEO 的影響因素
小工具【基礎設定】

在網站後台【外觀】–> 【小工具】裡,如果您希望文章目錄出現在【側邊欄 Side Bar】,請新增【Fixed TOC】功能到您所選定的側邊欄裡,您可以控制出現的次序,我本身測試過放置在底部比較合適,上方可以保留一些資訊,當訪客拉動至下方,會出現自動固定目錄的效果。
外觀【基礎設定】

在網站後台【外觀】–> 【自訂】裡,會打開可以編輯【Fixed TOC】的選項,主要是調整【色彩 Color】為主,這點請參考您公司的品牌形象色調來設計,因為每家公司色調不同,不能一概而論。像【網站迷谷】以綠色為主,就是上方的配色組合,這沒有對與錯之分,端看各位站長的美學水平,也建議可以向專業的設計師查詢。
個別頁面設計和調整(不推薦使用)

步驟一
步驟二
備注:非常和強列不推薦您調整這個區域,良好的網站設計和風格,應該是追求【統一】和【一致性】,這樣才會給人專業的感覺。
獨立調整區域

雖然我們不推薦您碰這部分,但也要介紹一下如何操作,預設狀態下,所有筆 icon 都是關燈灰色的,代表不使用您這刻當下的設定值。簡單點說就是什麼都沒有改變,使用預設值。
但如果您(手多多)去碰 icon,會出現(發亮)的藍色 icon,這代表您希望調整這個設定,暫時取代預設值。舉例如果您全站的預設值,目錄是(紅色的),但您現在可以單獨為這篇設定目錄是(藍色的),但這破壞了網站的一致性。
參考資料和引用文獻
總結
WordPress 社群提供很多目錄的選擇,那怕是免費的 Elementor 或 Qubely 等的編輯器都內建,到底有沒有需要使用付費的外掛呢?真的取決於每個人的價值觀,無論如何,我們非常推薦您從【免費的 WordPress 目錄外掛】開始,往後再考慮和慢慢調整網站的外觀和方向。
我們提供市場上最新的網站架設新聞、教學和相關知識,我們不會向用戶發送垃圾和推廣內容,而你可以隨時「取消訂閱」。
學員人數:6,600+ 人(持續增加之中)

您好:
我試了很多次,把他放在側邊欄但文章的側邊都沒有出現Fixed TOC
想問是不是哪裡設定有問題?
Lynn 您好,抱歉忘記審批這個留言,不過之前已經替你處理完這個 Fixed TOC 問題。主要其實都是因為這外掛的設定比較多和繁鎖,只要細心檢查其實一般問題不大。