WordPress創(chuàng)建目錄的詳細教程

來自：素雅營銷研究院

方知筆記

2025年07月04日 09:14

WordPress作為全球最流行的內(nèi)容管理系統(tǒng)之一，提供了強大的功能來幫助用戶組織和展示網(wǎng)站內(nèi)容。創(chuàng)建目錄是提高網(wǎng)站可用性和SEO表現(xiàn)的重要方法之一。本文將詳細介紹在WordPress中創(chuàng)建目錄的多種方法。

為什么需要在WordPress中創(chuàng)建目錄

提升用戶體驗：目錄讓訪問者能快速找到所需內(nèi)容
改善SEO表現(xiàn)：搜索引擎喜歡結(jié)構(gòu)良好的內(nèi)容
增強內(nèi)容可讀性：長篇文章特別需要目錄導航
降低跳出率：幫助用戶停留在網(wǎng)站更長時間

方法一：使用WordPress內(nèi)置功能手動創(chuàng)建目錄

對于簡單的目錄需求，可以使用WordPress自帶的列表功能：

在文章編輯器中，定位到要插入目錄的位置
點擊”+“按鈕添加新塊，選擇”列表”塊
輸入目錄項，每行一個條目
為每個條目添加對應的錨點鏈接

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

對于更專業(yè)的目錄需求，推薦使用專用插件：

1. Table of Contents Plus插件

在WordPress后臺安裝并激活插件
進入設置頁面配置顯示位置、標題等選項
插件會自動為文章生成目錄

2. Easy Table of Contents插件

安裝并激活插件后，進入設置頁面
選擇哪些文章類型顯示目錄
自定義目錄樣式和外觀
保存設置后，目錄將自動出現(xiàn)在符合條件的文章中

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

對于開發(fā)人員，可以通過添加代碼到主題文件實現(xiàn)：

function auto_generate_toc($content) {
if(is_single()) {
// 正則匹配h2-h4標題
preg_match_all('/<h[2-4].*?>(.*?)<\/h[2-4]>/i', $content, $matches);

if(!empty($matches[0])) {
$toc = '<div class="toc"><h2>目錄</h2><ul>';

foreach($matches[0] as $key => $value) {
$anchor = 'section-'.$key;
$content = str_replace($value, '<div id="'.$anchor.'">'.$value.'</div>', $content);
$toc .= '<li><a href="#'.$anchor.'">'.$matches[1][$key].'</a></li>';
}

$toc .= '</ul></div>';
$content = $toc . $content;
}
}
return $content;
}
add_filter('the_content', 'auto_generate_toc');