fbpx
Bluehost 主機【限時】專屬優惠

Fixed TOC 評測:進階 WordPress 目錄外掛教學

什麼是 Fixed TOC 目錄外掛?相信不少站長都知道,文章的目錄外掛除了協助訪客更容易了解文章的大綱和編排之外,還有 SEO 加分的功用。如果您對 WordPress 文章目錄外掛沒有觀念,請花 10 分鐘了解這篇基礎教學【推薦兩套免費 WordPress 目錄外掛比較】,然後再回來這篇文章,這篇是【進階課程】,並不會重複基礎知識,新手要注意這點,下方我們直接切入這套外掛的重點部份,設定上會複雜一點,請耐心留意教學的細節步驟。

為什麼需要目錄外掛

您可以打開任意的實體書本,為了在讀者閱讀之前,提供一個清晰的學習順序和脈絡,出版商會為每個章節的主題,置於書本的最前頁面,稱為【文章目錄】,這方便我們整理大家的思緒,您可以選擇從自己感興趣的議題開始閱讀,加上適量的閱讀標記,每個人的閱讀習慣不同,因人而異。這次介紹的外掛,小總結就是網絡版的【文章大綱】,但如果您以(短文)為主,目錄外掛可能和您無緣了。

目錄外掛需要花錢購買嗎?

答案是不需要,絕大部分的網站並不需要花錢在這方面,市場有不少免費又好用的選擇,例如我們之前介紹【推薦兩套免費 WordPress 目錄外掛比較】,就有提供適合新手的解決方案,簡單易上手。

智慧型的目錄

隨著讀書滑動畫面向下方移動,上方的【目錄】會消失不見,但Fixed TOC 會聰明地從側邊欄出現。用家可以自動展開目錄,或者收縮成一個小 icon 的圖示,後者是手機版的預設值。

固定側邊欄效果

Fixed TOC 預設是會自動固定,不會左遙右擺,達到目錄可以延伸到整個網站的效果,讀者點擊目錄的超連結,會自動帶到對應的章節。

延伸閱讀:
免費的【Q2W3 Fixed Widget for WordPress】外掛也可以做到【固定】物件的效果,供大家參考。

Fixed TOC 外掛有什麼特色?

Fixed TOC 外掛

外觀
80%

提供大量的客制化選項,您無須自學 CSS 語法,就能調出您喜歡外觀和配色。


特別效果
60%

主要的效果是控制,當瀏覽者滑動文章時,外掛目錄實時的動畫互動,有數種效果可供選擇。


自由度
70%

除了【浮動目錄】外,您可以任意地方插入目錄,例如文章裡不同的位置。也可以選擇在左方或右方的側邊欄。Fixed TOC 有自動偵察何時需要顯示什麼的設計,讀者會感到很舒適。


易用性
20%

由於操作需要一點時間適應,加上要在了解如果【全域控制】,還是【獨立每篇控制】,加上各種(觸發機制),新手初期必定會感到無助和困難,這是進階目錄外掛的明顯缺點。


性價比
20%

進階目錄外掛並非【必須品】,省下這筆錢可以提升主機 / 外掛或佈景主題的質量,新手不宜過早投資這類外掛,或者等到大減價再入手也未遲。

傳統目錄外掛

外觀
40%

相對比較(平凡)和單調的外觀設計,但實用和簡單也是一個優點,且看每個人的價值觀。


特別效果
10%

本身並不提供任何特別效果供選擇,除非您懂得使用 CSS 調整。


自由度
30%

雖然傳統目錄外掛比較不靈活,但只需要塔配另一套【Q2W3 Fixed Widget for WordPress】外掛,這外掛可以協助您把物件擺放在任意的位置,是絕配的組合,但缺點是需要多安裝一個外掛。


易用性
100%

在所有 WordPress 外掛之中,應該算是最容易使用的外掛之一,後台設定簡單易明,一般只需要選擇是不是允許【自動套用】和套用的位置即完成,其他設定值維持預設就非常滿意了。


性價比
80%

免費和簡單易上手,已經沒有什麼批評的地方,是大部分 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 外掛?

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

上傳 Fixed TOC 外掛

上傳 Fixed TOC 外掛

步驟一

解壓縮 Fixed TOC 檔案包,只需要上傳【fixed-toc.zip】就可以,其他的授權信和說明文件是不需要的。

步驟二

如果遇到【上傳權限】等問題,請聯絡您的網站主機商查詢和尋求協助。

如何【啟用】Fixed TOC 外掛?

如何【啟用】Fixed TOC 外掛?

步驟一

在網站後台【外掛】–> 【已安裝的外掛】選項【啟用】即可。

步驟二

請確保網站在同一時間,只安裝一套目錄外掛,如果有重複功能的外掛請移除掉。

如何【刪除】Fixed TOC 外掛?

如何【刪除】Fixed TOC 外掛?

步驟一

在網站後台【外掛】–> 【已安裝的外掛】選項【停用】,然後再選擇【刪除】即可。

Fixed TOC【設定位置】

Fixed TOC 評測:進階 WordPress 目錄外掛教學

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

Fixed TOC【基礎設定】

Fixed TOC 評測:進階 WordPress 目錄外掛教學

目錄外掛的設定也比較簡單,在【Post Types 文章類型】裡,推薦勾選【Post 文章】和【Page 頁面】這兩個最常用的類型,而【Media 媒體】就應該不需要了。

下方的【Headings 標題】就是我們常見的 H1 至 H6 標題,推薦使用至 H4 就可以,一般我們撰寫文章,很難使用到 H4 之後的標題,除非是撰寫論文之類。

延伸閱讀:
HTML 標題語法 h1 至 h6 的使用原則和 SEO 的影響因素

小工具【基礎設定】

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

外觀【基礎設定】

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

個別頁面設計和調整(不推薦使用)

步驟一

請在【Disable / Enable】打開和啟用,這代表這篇文章或頁面需要啟用目錄外掛,當然推薦使用喔。

步驟二

【2】描述的部分,如果您不希望使用【全域的設定值】,就是您在【外觀】–> 【自訂】時,設計的樣式,這邊可以讓您為這篇文章獨立設定。

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

獨立調整區域

雖然我們不推薦您碰這部分,但也要介紹一下如何操作,預設狀態下,所有筆 icon 都是關燈灰色的,代表不使用您這刻當下的設定值。簡單點說就是什麼都沒有改變,使用預設值。

但如果您(手多多)去碰 icon,會出現(發亮)的藍色 icon,這代表您希望調整這個設定,暫時取代預設值。舉例如果您全站的預設值,目錄是(紅色的),但您現在可以單獨為這篇設定目錄是(藍色的),但這破壞了網站的一致性。

參考資料和引用文獻

總結

WordPress 社群提供很多目錄的選擇,那怕是免費的 ElementorQubely 等的編輯器都內建,到底有沒有需要使用付費的外掛呢?真的取決於每個人的價值觀,無論如何,我們非常推薦您從【免費的 WordPress 目錄外掛】開始,往後再考慮和慢慢調整網站的外觀和方向。

立即訂閱我們的網站

我們的團隊並不會濫發信息和廣告,每月定期會整理優惠和 WordPress 相關的更新情報,例如系統、外掛和佈景主題相關的更新,也會推送資訊安全的漏洞注要事項,確保您的網站保持和世界的連繫。

加入免費學習社團

學員人數:4,400+ 人(持續增加之中)

中文語系的 WordPress - Facebook 社團列表

發表您的留言

加入我們的 Facebook 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術