[WordPress] 外掛分享： Simple Sticky TOC

前言介紹

• 這款 WordPress 外掛「Simple Sticky TOC」是 2025-08-09 上架。
• 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
• 上一次更新是 2025-08-10，距離現在已有 199 天。
• 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
• 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
• 尚未有人給過這款外掛評分。
• 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

bonddesign |

外掛標籤

toc | anchor | sticky | headings | table of contents |

內容簡介

總結：Simple Sticky TOC是一個輕量且移動端友好的WordPress外掛，通過解析<h2>、<h3>和<h4>標籤，自動生成單篇文章或頁面的粘性目錄。它無需jQuery，具備多項功能並支援主題覆寫。

問題與答案:
1. 什麼是Simple Sticky TOC？
- Simple Sticky TOC是一個WordPress外掛，用於自動生成單篇文章或頁面的粘性目錄，通過解析<h2>、<h3>和<h4>標籤實現。

2. Simple Sticky TOC有哪些特點？
- 可自動檢測並鏈接h2至h4標題
- 在桌面上採用垂直佈局的粘性目錄
- 在移動端展示可切換的粘性目錄
- 內建RTL支援（位置和佈局）
- 可在個別文章中禁用TOC的選項
- 可從主題自訂TOC佈局的選項
- 為標題自動生成錨點ID
- 乾淨的CSS、純JavaScript，無需jQuery

3. 如何支援主題覆寫？
- 複製外掛中的默認模板文件：
- frontend/partials/toc-template.php
- assets/css/toc.css
- assets/js/toc.js
- 粘貼到您的主題內以下文件夾中：your-theme/simple-sticky-toc/
- 支援重寫文件：
- simple-sticky-toc/toc-template.php – 自訂TOC標記
- simple-sticky-toc/toc.css – 自訂樣式
- simple-sticky-toc/toc.js – 自訂JavaScript行為

原文外掛簡介

Simple Sticky TOC automatically generates a sticky table of contents for single posts or pages by parsing

,

, and

tags. It is lightweight, mobile-friendly, and works without jQuery.
Features:
– Automatically detects and anchors h2–h4 headings
– Sticky TOC with vertical layout on desktop
– Sticky toggleable TOC on mobile
– Built-in RTL support (positioning + layout)
– Option to disable TOC on individual posts
– Option to customize TOC layout from your theme
– Auto-generated anchor IDs for headings
– Clean CSS, pure JavaScript, no jQuery
Theme Override Support
To override the default markup or styles:

Copy the default template files from the plugin:

frontend/partials/toc-template.php
assets/css/toc.css
assets/js/toc.js

Paste them into your theme inside the following folder:

your-theme/simple-sticky-toc/

Supported override files:

simple-sticky-toc/toc-template.php – custom TOC markup
simple-sticky-toc/toc.css – custom styles
simple-sticky-toc/toc.js – custom JS behavior

各版本下載點

• 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
• 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Simple Sticky TOC」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

---

1.0.1 | trunk |

延伸相關外掛（你可能也想知道）

• Sticky Menu & Sticky Header 》這款 WP Sticky Menu (或 Sticky Header) On Scroll 外掛能讓你在往下滾動並滑動到頂部時，讓任何頁面上的元素保持固定位置。通常會用於讓導覽列固定在頁面上...。
• JetSticky For Elementor 》JetSticky 是一款外掛，可讓使用 Elementor 建立的區段和欄位具有固定效果，在頁面向上或向下滾動時總是保持在視線中。, 當您需要將標題和區塊固定在畫面上時...。
• Ocean Stick Anything 》這是一個簡單的外掛程式，可以讓你輕鬆地停駐任何你想要的內容。, 這個外掛程式需要安裝OceanWP主題。。
• Sticky Social Icons 》「Sticky Social Icons」是一款最佳、也許唯一能夠將社群媒體圖示顯示在您網站側邊的外掛程式之一。您可以選擇您喜愛的社群媒體圖示，在網站中展示它們。您還...。
• Sticky Side Buttons 》這個簡單的按鈕創建工具讓您可以創建一個或多個浮動按鈕，當使用者滾動時，這些按鈕會固定在網站的側邊。, 它可以用來黏貼以下資訊：, , 電話號碼, 電子郵件...。
• Oceanwp sticky header 》簡單易用的固定標題安裝, 啟用外掛後，固定標題就會立即開始運作。, 如何停用固定標題？, 您可以從設置頁面中的管理員選單下方的「外掛」中停用外掛。, 是否...。
• WP Sticky Sidebar – Floating Sidebar On Scroll for Any Theme 》WP Sticky Sidebar 外掛可以讓您的浮動側邊欄一直顯示，當使用者滾動網頁時，它將永久可見。預設側邊欄的最大問題是只有在使用者能看到側邊欄區域時，才能使...。
• Sticky Block for Gutenberg Editor 》概述, Gutenberg黏貼區塊可以添加到任何文章或頁面中，當滾動頁面時，當它到達頁面頂部時就會固定在那裡。可將任何其他的區塊（段落，圖像等）添加到黏貼區塊...。
• Sticky Posts – Switch 》這個外掛為文章管理列增加了一欄，讓你可以輕易地將文章標記為置頂狀態。, 文章置頂 (Sticky Posts) 是 WordPress 僅適用於文章的功能，透過這個外掛，你可以...。
• WPC Sticky Add To Cart for WooCommerce 》使用「置頂加入購物車」功能是提升電商網站用戶體驗的最常見方法之一。這樣可以在瀏覽商店時準備更便捷和更快速的結帳流程。許多研究已經顯示，使用「置頂加...。
• Sticky Anything 》使用這個外掛可以讓網站上的任何元素都可以固定在頁面上，像是側邊欄、標題、呼籲等等。我們使固定過程變得超簡單！, 關鍵點, 在一個頁面上固定多個元素。在...。
• Seamless Sticky Custom Post Types 》此外掛沒有任何設置或自訂功能。將自訂文章類型設為置頂就像對普通文章一樣，這些文章ID將包含在 get_option('sticky_posts') 結果中。, 請注意，為了盡可能...。
• Expire Sticky Posts 》這是一個簡單的外掛程式，可讓您在文章上設定到期日期。一旦文章過期，它將不再固定在頂部。, 如果您發現漏洞或有建議或改進要提交，此外掛程式可在Github上...。
• Dashboard Sticky Notes 》Dashboard Sticky Notes 外掛新增了在儀表板中加入便簽的功能。您可以指定便簽的內容（一般或是側邊欄）、優先級（高或低）和對象（使用者角色或使用者自身）...。
• Catch Sticky Menu 》Catch Sticky Menu 是一個輕量、簡單且功能豐富的免費 WordPress 外掛，可讓您鎖定網站上的選單。即使對於初學者，本外掛也非常易於使用。Catch Sticky Menu ...。