[WordPress] 外掛分享： Simple Sticky TOC

內容簡介

總結：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

延伸相關外掛

Add Anchor LinksAdd Anchor Links 外掛可為選定文章中的標題標籤創建錨點連結...Notice Boxes with Shortcodes使用短代碼在您的文章中製作美觀且顯著的框，例如資訊框、警...tinyTOC這是一個微小和簡單的 WordPress 外掛，可以幫助長文獻的導覽...Copy Link to Heading – Easily add Anchor links for Headings“Copy Link to Heading” 外掛讓使用者能輕鬆為文章中的標題添...Stimulate Correct Headings這個外掛鼓勵 WordPress 編輯人員使用正確的標題以符合無障礙...Headings使用類別，在您的文章中製作樣式化的筆記框、警報框、幫助框...Correct My Headings如果您的副標題出現在存檔搜尋頁面，它們需要從 H3 開始（因...cclin Smart Table of Contentscclin Smart Table of Contents is a lightweight and flexib...Supplyist TOC BlockAdd the Table of Contents Block anywhere in your Gutenber...NanoTOC — Fast Lightweight Table of ContentsHTML 標籤的符號是這樣的 <>, 請注意以下的格式。 <...TOC Builder by RobertIvan總結：TOC Builder by RobertIvan 是一款內容條目表格的外掛...Ajejey Smart Table of Contents總結：Ajejey Smart Table of Contents 是一個專業的目錄外掛...Link to Headline – Anchor Link Generator總結：Link to Headline 是一個 WordPress 外掛，能自動在標...Protos TOC Generator總結：Protos TOC Generator是一個WordPress外掛，能夠自動掃...XTND Table Of Content總結：Xtnd Table Of Content 是一個 Gutenberg 區塊外掛程式...