如何在 WordPress 隱藏或設計您的子分類

WPressize Me

01/17/2024

為什麼在 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 上找到我們。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>