[WordPress] 外掛分享： Simple Sticky TOC

WordPress 外掛 Simple Sticky TOC 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Simple Sticky TOC」是 2025-08-09 上架。
  • 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
  • 上一次更新是 2025-08-10，不久前才剛更新。
  • 外掛最低要求 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 |

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

  • Hyperlink Group Block 》將多個區塊結合為一個群組，並包裝在超連結 () 內。, 插入超連結群組區塊後，將顯示區塊插入器圖示，讓您可以在超連結群組區塊內新增新的區塊。, Ti...。
  • Anchor Block 》船員！將錨下放！, 這個外掛提供了專門的 Gutenberg 錨點區塊，讓您可以在頁面中生成內部連結到每個部分。。
  • WP Simple Anchors Links 》這個 WordPress 外掛可以在你的內容中簡單地添加錨點連結。你可以透過 Wisiwig 按鈕加入短碼 [wpanchor id="your_id"]。接著，你需要在你的網站上建立一個連...。
  • Content Anchor Links 》注意：此外掛目前不支援區塊編輯器（Block Editor）。, 此外掛能在您的頁面和文章內容中，新增一個獨特的 ID 屬性，然後將這些錨點加入連結彈出視窗中，讓您...。
  • Better Anchor Links 》此外掛會自動在內容中創建錨點連結並在內容頂部顯示它們，也允許使用標籤或側邊欄小工具進行自定義位置設置。, 特色：, , 可選擇是否自動顯示內容中的標題標...。
  • Add Anchor Links 》此外掛會在選定文章內容中的標題標籤建立錨點連結，就像 Github 在 Readme.md 檔案中所做的一樣。, 歡迎加入 Github，參與開發：https://github.com/vyskoczi...。
  • Smoothscroller 》此外掛會為同一頁面上的錨連結增加平滑捲動的效果。, 您可以將此效果套用至所有文章/頁面或特定文章/頁面，並調整滾動速度。, 錨連結是透過 id 屬性綁定的。,...。
  • More Link Modifier 》這是一個簡單的外掛，允許你修改當你使用 功能時所顯示的連結。同時也讓你移除錨點連結以關閉跳轉行為。你也可以選擇在新的視窗...。
  • StripTease 》StripTease 外掛程式會更改 WordPress 預設的「閱讀更多」(teaser) 連結，讓它們可以直接連到完整的文章。, 在 WordPress 中，若您想要在首頁上顯示的文章，...。
  • Fixed Menu Anchor 》如果你的 WordPress 主題中使用了固定導覽選單，這個外掛是最好的解決方式，可以處理導覽選單重疊到錨定內容的問題。插入精確的導覽選單高度以在錨點前跳轉到...。
  • WP LocalScroll 》這個外掛將會以平滑捲動的效果，使常規的錨點導航具備動畫效果。每次點擊鏈接時，整個螢幕將漸漸地滾動到目標元素，而不是像平常那樣「跳躍」。該外掛使用 jQ...。
  • Advanced Link Block 》```html,
      ,
    • 進階連結區塊讓您在古鐵頁塊編輯器中對錨(<a>)連結擁有強大控制權。
      • ,
    • 您可以將任何...。
    • Automatic Hx Menu 》這個外掛會在文章中搜尋 hx HTML 標籤，並建立一個導覽選單，其中包含指向標題的錨點連結。此外，您還可以使用此外掛為標題添加自動編號。, , 新功能：, , 新...。
    • AutoLink 》這個外掛會自動將帖子和頁面內嵌的純文字連結和電子郵件地址添加 HTML 錨點標籤（WordPress 對於評論已經默認這樣做了）。, 在外掛設置頁面中，您可以選擇在...。
    • Auto Anchor 》Auto Anchor 是一個 WordPress 外掛，它會在每個標題標籤（h2-h6）中加入 HTML 錨點，當使用者滑鼠懸停在錨點時，會在側邊顯示一個小鏈條圖示。該圖示也是一...。

文章
Filter
Apply Filters
Close
Mastodon