WordPress怎么設(shè)置文章目錄，詳細教程

來自：素雅營銷研究院

方知筆記

2025年06月29日 02:48

為什么需要文章目錄

在WordPress網(wǎng)站中添加文章目錄(TOC)對于長篇文章尤其重要，它能顯著提升用戶體驗和SEO表現(xiàn)。文章目錄可以幫助讀者快速定位內(nèi)容，降低跳出率，同時也能讓搜索引擎更好地理解你的內(nèi)容結(jié)構(gòu)。

方法一：使用插件自動生成目錄

1. 安裝Table of Contents Plus插件

這是最受歡迎的WordPress目錄插件之一，安裝方法如下：

登錄WordPress后臺
進入”插件”→”安裝插件”
搜索”Table of Contents Plus”
點擊”立即安裝”然后”啟用”

2. 配置插件設(shè)置

安裝后需要進行適當配置：

在”設(shè)置”→”TOC+“中調(diào)整選項
設(shè)置自動插入目錄的條件(如文章長度)
選擇目錄顯示位置(文章開頭或特定位置)
自定義標題、層次深度等

方法二：使用區(qū)塊編輯器手動創(chuàng)建

如果你使用Gutenberg區(qū)塊編輯器，可以手動創(chuàng)建目錄：

在文章編輯頁面，點擊”+“添加新區(qū)塊
搜索并選擇”目錄”區(qū)塊
系統(tǒng)會自動根據(jù)標題生成目錄結(jié)構(gòu)
可以調(diào)整目錄樣式和顯示選項

方法三：通過代碼實現(xiàn)目錄功能

對于有開發(fā)能力的用戶，可以通過添加代碼實現(xiàn)：

function add_toc_shortcode() {
// 獲取文章內(nèi)容
$content = get_the_content();
// 正則匹配標題
preg_match_all('/<h([2-6]).*?>(.*?)<\/h[2-6]>/i', $content, $matches);

if(!empty($matches[0])) {
$toc = '<div class="toc-container"><h2>目錄</h2><ul class="toc-list">';
foreach($matches[0] as $key => $value) {
$toc .= '<li class="toc-item toc-level-'.$matches[1][$key].'">
<a href="#toc-'.$key.'">'.$matches[2][$key].'</a>
</li>';
}
$toc .= '</ul></div>';
return $toc;
}
}
add_shortcode('toc', 'add_toc_shortcode');