如何在 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-12-12
  • WordPress 教学

多语言表单有助于与全球观众沟通,使您的网站更易于使用,并吸引更多用户。本文介绍了如何使用WPForms和Formidable Forms插件在WordPress中创建多语言表单,以帮助您轻松实现这一目标。

閱讀更多
  • 2024-10-21
  • WordPress 教学

如果您在WordPress管理区域或其他地方遇到‘jQuery未定义’错误,不必担心,这是一个常见的问题。本文为您介绍了该错误的原因以及六种解决方法,以便让您的网站恢复正常运行。

閱讀更多
  • 2024-10-17
  • WordPress 教学

越来越多的人倾向于使用语音搜索而不是在搜索栏中输入关键词。语音搜索被认为是在线交互的未来,各种设备上数百万人每天都在使用它。与通过普通SEO优化网站一样,将网站适配语音搜索同样重要。在本文中,我们将深入探讨为什么语音搜索SEO如此重要,以及如何优化您的WordPress网站以捕获这些语音搜索。

閱讀更多

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