在WordPress文章中添加目錄(TOC,Table of Contents)可以提升用戶體驗(yàn),方便讀者快速跳轉(zhuǎn)到感興趣的內(nèi)容。以下是幾種實(shí)現(xiàn)目錄的方法,包括使用插件和手動(dòng)代碼方式。
方法一:使用插件自動(dòng)生成目錄
1. 安裝目錄插件
WordPress有許多插件可以自動(dòng)生成目錄,推薦以下幾款:
- Easy Table of Contents:功能強(qiáng)大,支持多級(jí)標(biāo)題自動(dòng)生成。
- LuckyWP Table of Contents:輕量級(jí)插件,自定義選項(xiàng)豐富。
- Fixed TOC:適合固定側(cè)邊欄目錄。
安裝步驟:
- 進(jìn)入WordPress后臺(tái) → 插件 → 安裝插件。
- 搜索插件名稱(如“Easy Table of Contents”)。
- 點(diǎn)擊安裝并啟用。
2. 配置插件
以Easy Table of Contents為例:
- 進(jìn)入 設(shè)置 → Table of Contents。
- 選擇在哪些文章類型顯示目錄(如文章、頁(yè)面)。
- 設(shè)置目錄位置(如文章開(kāi)頭或浮動(dòng)側(cè)邊欄)。
- 調(diào)整樣式(顏色、字體等)。
3. 自動(dòng)生成目錄
插件會(huì)根據(jù)文章的標(biāo)題(H2、H3等)自動(dòng)生成目錄,無(wú)需手動(dòng)操作。
方法二:手動(dòng)添加目錄(無(wú)需插件)
如果不想用插件,可以通過(guò)HTML和短代碼手動(dòng)創(chuàng)建目錄:
1. 使用錨點(diǎn)鏈接
在文章編輯器中,切換到HTML/代碼模式,為每個(gè)標(biāo)題添加錨點(diǎn),例如:
<h2 id="section1">第一部分</h2>
然后在文章開(kāi)頭添加目錄鏈接:
<ul>
<li><a href="#section1">第一部分</a></li>
</ul>
2. 使用短代碼(需主題支持)
某些主題(如GeneratePress)支持目錄短代碼,例如:
[toc]
直接插入即可生成目錄。
方法三:使用區(qū)塊編輯器(Gutenberg)
WordPress 5.0+的區(qū)塊編輯器自帶“目錄”區(qū)塊:
- 在文章編輯界面,點(diǎn)擊 + 添加區(qū)塊。
- 搜索“目錄”并選擇。
- 系統(tǒng)會(huì)自動(dòng)根據(jù)標(biāo)題生成目錄。
優(yōu)化建議
- 層級(jí)清晰:確保文章使用H2、H3等標(biāo)題分級(jí)。
- 目錄位置:通常放在文章開(kāi)頭或側(cè)邊欄。
- 移動(dòng)端適配:測(cè)試目錄在手機(jī)上的顯示效果。
通過(guò)以上方法,你可以輕松在WordPress文章中添加目錄,提升閱讀體驗(yàn)!