問題背景
許多WordPress用戶在使用文章目錄插件（如Table of Contents Plus、Easy Table of Contents等）時(shí)，會(huì)發(fā)現(xiàn)自動(dòng)生成的目錄前面帶有”1.2.3.“這樣的數(shù)字序號(hào)。雖然這種編號(hào)方式有助于層級(jí)分明，但有時(shí)會(huì)與網(wǎng)站設(shè)計(jì)風(fēng)格不協(xié)調(diào)，或者用戶希望更簡潔的目錄展示方式。
隱藏?cái)?shù)字序號(hào)的方法
方法一：使用CSS隱藏序號(hào)
這是最簡單且不會(huì)影響插件功能的方法：
.toc-list-number, .toc-number {
display: none !important;
}
將這段代碼添加到WordPress的”外觀 > 自定義 > 額外CSS”中，或者添加到主題的style.css文件末尾。
方法二：修改插件設(shè)置
部分目錄插件提供關(guān)閉序號(hào)的選項(xiàng)：
- 進(jìn)入”設(shè)置 > TOC+“（或其他目錄插件設(shè)置頁面）
- 尋找”顯示編號(hào)”或”Numbering”選項(xiàng)
- 將其設(shè)置為”無”或”None”
- 保存更改
方法三：使用jQuery移除序號(hào)
如果上述方法無效，可以在主題的footer.php文件或通過插件添加以下jQuery代碼：
jQuery(document).ready(function($) {
$('.toc_number').remove();
});
注意事項(xiàng)
- 不同插件生成的HTML結(jié)構(gòu)可能不同，需要根據(jù)實(shí)際情況調(diào)整CSS選擇器
- 修改前建議備份網(wǎng)站，防止意外錯(cuò)誤
- 更新插件后可能需要重新應(yīng)用這些修改
- 某些主題可能自帶目錄功能，設(shè)置位置可能在主題選項(xiàng)中
進(jìn)階技巧
如果想完全自定義目錄樣式，可以考慮：
- 使用
:before偽元素添加自定義符號(hào)代替數(shù)字 - 通過插件過濾器鉤子修改輸出HTML結(jié)構(gòu)
- 選擇支持更多自定義選項(xiàng)的高級(jí)目錄插件
通過以上方法，您可以輕松實(shí)現(xiàn)WordPress文章目錄的無序號(hào)顯示，使目錄更加簡潔美觀。
