為什麼在 WordPress 中使用子分類?
當您為您的 WordPress 網站撰寫文章時,您可以使用分類和標籤進行組織。適當地分類內容可以提升SEO,從而為您的網站帶來更多流量。組織文章同時也能改善網站導航,讓訪客更輕鬆找到他們想找的內容。當您的網站結構變得更複雜時,您甚至可以創建子分類。
例如,一個旅行博客可以有一個關於美國景點的分類。隨著其內容增長,可能會合理地創建一些城市的子分類,如芝加哥、洛杉磯和紐約市。
如果您在 WordPress 小工具中顯示分類,則可以使用平面列表或層次結構。訪問 WordPress 儀表板中的外觀 » 小工具(Widgets),然後選中您的分類小工具中的‘顯示層次結構’(Show hierarchy)框即可。
如何使用 CSS 隱藏您的子分類
在這篇文章中,我們將使用 CSS 代碼片段來隱藏和設計您的子分類。您可以將代碼片段直接添加到主題的 style.css 文件中,添加到諸如 WPCode 這樣的代碼片段插件中,或者通過 WordPress 儀表板中的主題定制器添加。
對於新手來說,添加 CSS 可能有些棘手,且錯誤操作可能使您的網站崩潰。如果您是新手,您可能會希望查看我們的指南,了解如何輕鬆地向您的 WordPress 網站添加自定義 CSS。
首先,將下面的代碼複製並粘貼到您的主題的 style.css 文件、代碼片段插件或者 WordPress 主題定制器中。
.children {
display:none;
}
之後,您可以訪問您的 WordPress 網站,確保子分類已隱藏。這樣看起來更加整潔,但您的訪客無法看到子分類。您可能會想查看我們的指南,了解如何在 WordPress 分類頁面上顯示子分類。
如何使用 CSS 設計您的子分類
您還可以使用 CSS 來自定義分類和子分類的外觀。這取決於您對 CSS 的知識以及您希望更改在當前主題中它們的外觀。
例如,如果您以層次結構顯示您的子分類,則添加垂直條可以快速看出哪些分類位於同一級別。下面是如何操作。
更改子分類樣式的步驟與隱藏它們的方法相同。您需要複製以下代碼並將其粘貼到 style.css 文件、WPCode 插件或 WordPress 主題定制器中。
.children {
padding: 0 0 0 5px;
margin: 0 0 0 2px;
border-left: 1px solid #333;
}
完成後,您可以訪問您的 WordPress 網站以預覽更改過的樣式。根據您的需要隨意調整代碼以自定義樣式。
關於 WordPress 中分類和子分類的專家指南
現在您知道如何隱藏或設計您的子分類,您可能想查看其他一些關於使用 WordPress 中分類和子分類的教程:
- 如何在 WordPress URL 中包含分類和子分類
- 如何在 WordPress 小工具中顯示空分類
- 如何在 WordPress 中顯示分類描述
- 如何在 WordPress 中添加分類圖像 (分類圖標)
我們希望本教程幫助您學會如何隱藏您的子分類以及改變其樣式。您可能還想查看我們的必備 WordPress 插件列表,以促進您的網站增長或我們的教程,了解如何在 WordPress 中顯示相關文章。
如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道。您也可以在 Twitter 和 Facebook 上找到我們。