如何在 WordPress 中隱藏或設置子類別的樣式

您想在WordPress 中隱藏子類別，或者設置它們的樣式以便您的類別列表更易於閱讀嗎？

在WordPress 中，您的帖子可以分為不同的類別和子類別。這有助於導航和搜索引擎優化，但一長串子類別在您的網站上並不總是看起來很好。

在本教程中，我們將向您展示如何使用代碼片段隱藏子類別並更改其樣式。

為什麼在WordPress 中使用子類別？

當您為WordPress 網站撰寫帖子時，您可以使用類別和標籤來組織它們。當您正確分類內容時，您可以提高您的搜索引擎優化，這將為您的網站帶來更多流量。

組織您的帖子還可以改善您網站的導航，以便訪問者可以更輕鬆地找到他們正在尋找的內容。當您的網站結構變得更加複雜時，您甚至可以創建子類別。

例如，旅遊博客可能有一個關於美國觀光目的地的類別。隨著內容的增長，為芝加哥、洛杉磯和紐約等城市創建子類別可能是有意義的。

如果您在WordPress 小部件中顯示類別，則可以使用平面列表或層次結構。以下是每個選項在我們的演示網站上的外觀。

您可以通過訪問WordPress 儀表板上的外觀» 小部件並選中類別小部件上的“顯示層次結構”框來完成此操作。

但無論您選擇哪個選項，該列表最終都會變得很長且難以管理，並且在您的WordPress 網站上看起來也不會很好。

在本指南中，我們將向您展示如何隱藏子類別以使您的類別列表更易於導航。我們還將向您展示如何設置子類別的樣式以獲得更簡潔的外觀。

如何使用CSS 在WordPress 中隱藏子類別

在本文中，我們將使用CSS代碼片段來隱藏子類別並設置其樣式。您可以將代碼片段直接添加到主題的style.css 文件、代碼片段插件（如WPCode ）中，或者使用WordPress 儀表板中的主題定制器添加它們。

添加CSS 對於初學者來說可能很棘手，犯一個錯誤可能會破壞您的WordPress 網站。如果您不熟悉使用代碼片段，那麼您可能想查看我們的指南，了解如何輕鬆地將自定義CSS 添加到您的WordPress 網站。

話雖如此，讓我們看看如何在WordPress 中隱藏子類別。

您需要復制以下代碼並將其粘貼到主題的style.css 文件、代碼片段插件或WordPress 主題定制器中。

您現在可以訪問您的WordPress 網站以確保子類別已隱藏。以下是我們測試網站的前後截圖。

這看起來更乾淨，但現在您的訪問者看不到子類別。您可能想查看我們的指南，了解如何在WordPress 類別頁面上顯示子類別。

如果您這樣做，那麼當您的訪問者單擊“美國”類別時，他們將在該頁面上看到子類別的鏈接，例如芝加哥、洛杉磯和紐約市。

如何使用CSS 在WordPress 中設置子類別的樣式

您還可以使用CSS 自定義類別和子類別的外觀。這將取決於您自己對CSS 的了解以及您希望對它們在當前主題中的外觀進行哪些更改。

例如，如果您在層次結構中顯示子類別，則添加垂直條可以讓您快速查看哪些類別位於同一級別。讓我們看看如何做到這一點。

更改子類別的樣式與隱藏它們的過程相同。您需要復制下面的代碼並將其粘貼到style.css、WPCode插件或WordPress 主題定制器中。

請隨意調整代碼以根據您的喜好定製樣式。

您還可以使用CSS 來設置WordPress 主題的其他元素的樣式。例如，您可以使用CSS 為各個類別設置不同的樣式。

我們希望本教程能幫助您學習如何在WordPress 中隱藏子類別以及更改其樣式。您可能還想查看我們的必備WordPress 插件列表，以擴展您的網站，或者查看有關如何在WordPress 中顯示相關帖子的教程。

以上是如何在 WordPress 中隱藏或設置子類別的樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！