目錄外掛視覺優化

在部落格目錄外掛的選擇上,Rich Table of Contents 以美觀的設計備受青睞,但由於開發者在功能更新與 Bug 修復速度較慢,容易與其他外掛發生衝突或版型不相容,令人遺憾。而 Easy Table of Contents 雖然功能穩定且強大,但視覺設計較為簡陋,讓許多使用者在功能與外觀之間難以抉擇。

目錄外掛視覺設計

這次選擇以 Easy Table of Contents 為主,主要因其功能更為齊全,且使用者數量眾多,不必擔心官方停止維護,這對我來說是挑選外掛時非常重要的考量。

在外觀部分,我參考了 Rich Table of Contents 的設計風格。不得不說,日本人的設計更符合我的美感,但由於外掛與版型常發生衝突,最終只能放棄這套視覺出色的目錄外掛。

透過修改 CSS,我們既能保留 Easy Table of Contents 的強大功能,又能實現 Rich Table of Contents 的美觀外觀,滿足大多數使用者的需求。

小叮嚀:套用 CSS 後,不能在 Easy Table of Contents 的後台做任何外觀設定,避免跑版,但一就可以調整功能設定。

目錄外掛套用 CSS 後的效果比較。

功能申請

如果你是金城事務所的客戶,想要使用目錄外掛視覺優化,請直接聯繫我們的線上客服系統,告知想安裝美美的目錄設計,並告訴我們希望呈現的外框顏色,顏色要給我 #000000 這種代碼喔!

延伸閱讀:NIPPON COLORS:日本傳統色票網站

金城老師觀點

目錄外掛不僅能提升網站的 SEO 表現,還能大幅增加讀者的閱讀便利性。然而,許多使用者在挑選目錄外掛時,往往只能在「美觀」與「功能性」之間做取捨。這次,我們推薦將美觀度滿分的 Rich Table of Contents 與功能性極佳的 Easy Table of Contents 結合使用,讓您的網站同時兼具視覺吸引力與實用性。如此一來,還有什麼理由不嘗試呢?

參考資料

  1. Create a Table of Contents Using HTML/CSS: TOC Without Plugins
  2. A Perfect Table of Contents With HTML + CSS

相關目錄外掛文章

  1. Easy Table of Contents:功能最齊全的文章目錄生產器
  2. Rich Table of Contents:最漂亮的文章目錄外掛