Title: Devmont TOC Navigator
Author: Devmont Digital
Published: <strong>2026 年 5 月 19 日</strong>
Last modified: 2026 年 6 月 29 日

---

搜尋外掛

![](https://ps.w.org/devmont-toc-navigator/assets/banner-772x250.jpg?rev=3536825)

![](https://ps.w.org/devmont-toc-navigator/assets/icon-256x256.png?rev=3536825)

# Devmont TOC Navigator

 由 [Devmont Digital](https://profiles.wordpress.org/devmontdigital/) 開發

[下載](https://downloads.wordpress.org/plugin/devmont-toc-navigator.1.0.1.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/devmont-toc-navigator/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/devmont-toc-navigator/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/devmont-toc-navigator/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/devmont-toc-navigator/#developers)

 [技術支援](https://wordpress.org/support/plugin/devmont-toc-navigator/)

## 外掛說明

Devmont TOC Navigator makes it easy to add a clean, accessible table of contents
to your posts and pages.

Features:
 – Shortcode [dtocn_toc] and Gutenberg block – Sticky TOC with smooth 
offset scrolling and active link highlighting – Collapsible header with rotating
icon – Fine-grained styling controls (Header, Links, Container) – Inline CSS generation
for optimal performance – Sanitized settings and safe escaping following WordPress
standards

#### Shortcode

[dtocn_toc]

Attributes:
 – heading_levels: Comma-separated list of headings to include (e.g.
h2,h3,h4). Default: h2,h3 – float: none | left | right. Default: none – toc_sticky:
yes | no. Default: no

Example:
 [dtocn_toc heading_levels=”h2,h3,h4″ float=”right” toc_sticky=”yes”]

#### Block

Adds a “Smart TOC” block with the same options as the shortcode.

#### Accessibility

 * Uses semantic buttons and aria attributes for the accordion toggle
 * Screen-reader-only label for the heading level data

## 適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   Smart Table of Contents Generate SEO-friendly TOC with scroll-spy, collapsible
   options, and shortcode.

## 安裝方式

 1. Upload the plugin files to the /wp-content/plugins/devmont-toc-navigator directory,
    or install via the Plugins screen in WordPress.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Add the shortcode [dtocn_toc] to your content or insert the Smart TOC block.
 4. Configure styles under Settings  Smart TOC.

## 常見問題集

### Can I choose which heading levels to include?

Yes. Set heading_levels like “h2,h3,h4” in the shortcode or block.

### Does it support sticky behavior?

Yes. Enable sticky in the shortcode/block. Smooth scrolling accounts for the sticky
TOC height.

### How do I style the TOC?

Go to Settings  Smart TOC  Styles. You can customize Header, Links, and Container(
colors, fonts, borders, radius, padding, width, box shadow presets, margins, etc.).

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Devmont TOC Navigator〉的開發相關工作。

參與者

 *   [ Devmont Digital ](https://profiles.wordpress.org/devmontdigital/)

[將〈Devmont TOC Navigator〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/devmont-toc-navigator)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/devmont-toc-navigator/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/devmont-toc-navigator/)，或透過
[RSS](https://plugins.trac.wordpress.org/log/devmont-toc-navigator/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/devmont-toc-navigator/)。

## 變更記錄

#### 1.0.1

 * Compatible with WordPress 7.0.

#### 1.0.0

 * Initial release.

## 中繼資料

 *  版本 **1.0.1**
 *  最後更新 **4 週前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 5.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0.2**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/devmont-toc-navigator/)
 * 標籤:
 * [anchors](https://tw.wordpress.org/plugins/tags/anchors/)[block](https://tw.wordpress.org/plugins/tags/block/)
   [shortcode](https://tw.wordpress.org/plugins/tags/shortcode/)[table of contents](https://tw.wordpress.org/plugins/tags/table-of-contents/)
   [toc](https://tw.wordpress.org/plugins/tags/toc/)
 *  [進階檢視](https://tw.wordpress.org/plugins/devmont-toc-navigator/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/devmont-toc-navigator/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/devmont-toc-navigator/reviews/)

## 參與者

 *   [ Devmont Digital ](https://profiles.wordpress.org/devmontdigital/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/devmont-toc-navigator/)