前言介紹
- 這款 WordPress 外掛「Table Of Content Block」是 2025-03-22 上架。
- 目前有 200 個安裝啟用數。
- 上一次更新是 2025-05-03，距離現在已有 1 天。
- 外掛最低要求 WordPress 6.5 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
abuhayat | bplugins | muradwahid |
外掛標籤
block | sitemap | Gutenberg block | table of contents | table of content block |
內容簡介
總結：Table of Contents block 可以自動生成 WordPress 帖子或頁面的目錄，有助於訪客輕鬆查看您的內容，特別是對於長文而言。
1. Table of Contents block 可以如何幫助您的 WordPress 帖子或頁面？
- 自動生成：根據帖子或頁面中的標題，自動生成目錄。
- 自訂樣式：您可以自訂目錄的外觀，包括字體、大小和顏色。
- 多層次標題：支援多層次標題，讓您創建分層目錄。
- 平滑滾動：點擊目錄項目時，平滑滾動到對應的標題。
- 錨點鏈接：目錄項目與對應的標題使用錨點鏈接。
- Gutenberg 整合：與 Gutenberg 編輯器無縫整合，輕鬆添加目錄到您的內容。
- 響應式設計：設計為響應式，適應不同的屏幕大小。
2. Table of Contents block 帶來的好處有哪些？
- 改進導航：為訪客提供查看長形內容的輕鬆方式。
- 增強用戶體驗：更容易讓訪客找到他們尋找的信息。
- SEO 優化：幫助搜索引擎理解您內容的結構，從而提高您的 SEO 排名。
3. 如何使用 Table of Contents block？
- 首先，在 WordPress 儀表板中安裝 Table of Contents block 插件。
- 在 Gutenberg 編輯器的「widgets」區域中添加 Table of Contents block。
- 您可以從右側設置側欄更改區塊設置。
4. 進一步資訊和安裝幫助：
- 如果您需要安裝幫助，請點擊「Installation Tab」。
- 您喜歡這個插件嗎？不喜歡它？有任何功能請求嗎？請與我們分享您的反饋。
5. 關於外部服務整合、開發者注意事項和貢獻：
- 服務名稱：package.js
- Docs 鏈接：package docs link
- Assets 文件名稱和目的地：assets file destination. ex: public/js/*.min.js
- 公共源代碼 GitHub 鏈接：https://github.com/bPlugins/table-of-content-block
- 欲了解如何為此插件做出貢獻的更多信息，請訪問我們的 GitHub 存儲庫。
原文外掛簡介
Transform your long-form content into a well-organized, easily navigable masterpiece with the Table of Contents Block! 📚 This powerful WordPress plugin automatically creates a smart, interactive table of contents that guides your readers exactly where they want to go.
Tired of losing readers in lengthy articles? Our Table of Contents Block is your solution! It automatically scans your content, identifies all headings, and creates a beautiful, clickable navigation menu that helps readers instantly jump to the sections they’re most interested in.
Perfect for:
✨ Blog Posts
✨ Documentation Pages
✨ Tutorial Articles
✨ Knowledge Base Content
✨ Educational Resources
✨ Any Long-Form Content
What makes this plugin special? It’s not just a table of contents – it’s a complete content navigation system that:
• Works automatically – just add the block and watch the magic happen
• Stays synchronized with your content – updates in real-time as you edit
• Looks beautiful on all devices – fully responsive design
• Enhances reader engagement – keeps visitors on your page longer
• Improves SEO performance – helps search engines understand your content structure better
Whether you’re a blogger, content creator, or business owner, this plugin helps make your content more professional, accessible, and user-friendly. Give your readers the premium content experience they deserve!
Table Of Content Block Features
Automatic Generation: The block automatically generates a TOC based on the headings in your post or page.
Customizable Styles: You can customize the appearance of TOC, including font, size, and colors.
Multiple Levels: The block supports multiple levels of headings, allowing you to create a hierarchical table of contents.
Smooth Scrolling: Clicking on a table of contents entry smoothly scrolls the page to the corresponding heading.
Anchor Links: TOC entries are linked to the corresponding headings using anchor links.
Gutenberg Integration: The block seamlessly integrates with the Gutenberg editor, making it easy to add a table of contents to your content.
Responsive Design: TOC is designed to be responsive and adapt to different screen sizes.
Benefits:
Improved Navigation: Provides an easy way for visitors to navigate long-form content.
Enhanced User Experience: Makes it easier for visitors to find the information they are looking for.
SEO Optimization: Helps search engines understand the structure of your content, which can improve your SEO rankings.
How to use Table Of Content Block
First, install the Table Of Content Block plugin from the WordPress dashboard.
Add the Table Of Content Block from the block category called “widgets” in the Gutenberg editor.
You can change block settings from the right-side settings sidebar.
Enjoy!
For installation help click on Installation Tab
– Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us
⭐ Check out the Parent Plugin of this plugin-
🔥 B Blocks – Best gutenberg blocks collections for WordPress.
⭐ Check out our other WordPress Plugins-
🔥 Html5 Audio Player – Best audio player plugin for WordPress.
🔥 Html5 Video Player – Best video player plugin for WordPress.
🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.
🔥 Document Embedder – Best WordPress Document Embedder Plugin.
🔥 3D Viewer – Display interactive 3D models on the webs.
🔥 Advanced Post Block – Best Post Display Plugin for WordPress.
External Service Integration
Service Name: package.js
Docs link: package docs link
Developer Notes
Assets file name
assets file destination. ex: public/js/*.min.js
Public source code GitHub link for review, study, and contribute.
For more information on how to contribute to this plugin, please visit our GitHub repository.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Table Of Content Block」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | trunk |
延伸相關外掛（你可能也想知道）
Qi Blocks 》Qi Blocks 是由屢獲殊榮設計團隊之一的 Qode Interactive 開發的最大的 Gutenberg 區塊集合。基本版本的外掛帶有 48 個精心設計的自定義區塊，擁有前所未見的...。
Gutenberg Blocks – PublishPress Blocks Gutenberg Editor Plugin 》PublishPress Blocks 提供您在 WordPress 區塊編輯器中建立專業網站所需的所有功能，其中包括佈局選項、輪播、按鈕、圖示、圖片庫、地圖、選項卡、推薦、手風...。
Map Block for Google Maps 》你正在使用 Gutenberg 編輯器，需要一個地圖嗎？這款地圖區塊插件就是為你而設！安裝、啟用、加入內容，這些就是全部步驟！沒有繁瑣的設置，功能清晰易用 - ...。
Justified Gallery 》這個簡單的外掛將Wordpress圖庫提升到更高的層級，加入了漂亮的合理化圖像網格和漂亮的燈箱。, 只需安裝和啟用外掛即可，就這麼簡單。, 像以前一樣創建圖庫，...。
Magic Content & CTA Box Builder – Advanced Gutenberg Blocks for Flexible Page Sections, Headers, Buttons, Shape Dividers, and Layout Options 》魔法內容方塊-頁面內容建構器Gutenberg區塊外掛程式, 我們為 WordPress 內容打造了美麗的頁面區塊，以幫助您快速建立一個一直渴望的網站。, 首頁 | 展示 | 說...。
Image Hover Effects Block 》使用這個 WordPress 插件「Image Hover Effects Block for Gutenberg」，您可以以簡單的方式添加 40 多種圖像懸停效果，包括標題和描述。, 功能, , 易於自定...。
Easy Accordion Block 》Easy Accordion Gutenberg Block 是使用 Gutenberg 原生元件開發的自訂 Gutenberg 區塊，可以輕鬆地創建手風琴或常見問題解答區。您不需要具備任何程式編輯知...。
Lottie Player- Great Lottie Player Solution 》Lottie Player 是 WordPress 的 Gutenberg 區塊編輯器中一個非常有用的區塊外掛程式，其中包含了許多功能，可以幫助您將 LottieFiles 動畫嵌入到 WordPress ...。
Button Block – Get fully customizable & multi-functional buttons 》獲取多功能按鈕。Button Block 外掛提供許多方便實用和樣式選項，讓您能在幾個點擊內，建立具有響應性、互動性和時尚性的按鈕，讓您享受創建樂趣。, 示範, 特...。
B Slider- Gutenberg Slider Block for WP 》B Slider 是一個受 Gutenburg 區塊影像和文字幻燈片的 WordPress 外掛。使用此外掛，您可以非常輕鬆地快速建立您的幻燈片。B Slider 是最好的選擇，無論是對...。
Animated Text Block 》顯示文字或段落為動畫。, 範例展示, 特點, , 可全自訂：您可以從此處使用所有選項來安排櫥窗，以滿足您的喜好的需要。, , 如何使用, , 首先安裝 Animated Tex...。
Latest Post Shortcode 》「最新文章簡碼」外掛可以幫助您在頁面或側邊欄中顯示文章或頁面的列表或網格，無需編寫或了解 PHP。您可以在一個頁面中嵌入多個簡碼，每個簡碼都有不同的配...。
B Carousel Block – Create stunning responsive carousels effortlessly 》B Carousel 是一款輕量級、功能完備的 WordPress 輪播建構外掛，可用於製作專業的客戶標誌或任何圖像的幻燈片或輪播。, 範例展示, 功能特色, , 完全可定制：...。
Social Feed Block for Instagram 》Social Feed 提供簡單的嵌入功能，讓您能在 WordPress 網站上將 Instagram 帖子作為畫廊展示。您只需提供您的 Instagram 存取權杖，就可以開始使用了。, 演示...。
Parallax Section block – Parallax scrolling effects in section. 》視差效果是一種現代網頁設計技巧，其中背景元素滾動比前景內容慢。視差效果可用於登陸頁面、長文內容、銷售頁面或企業網站的主頁。這是一種突出長頁面不同部...。