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

在WordPress 中，您的帖子可以分為不同的類(lèi)別和子類(lèi)別。這有助於導(dǎo)航和搜索引擎優(yōu)化，但一長(zhǎng)串子類(lèi)別在您的網(wǎng)站上並不總是看起來(lái)很好。

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

為什麼在WordPress 中使用子類(lèi)別？

當(dāng)您為WordPress 網(wǎng)站撰寫(xiě)帖子時(shí)，您可以使用類(lèi)別和標(biāo)籤來(lái)組織它們。當(dāng)您正確分類(lèi)內(nèi)容時(shí)，您可以提高您的搜索引擎優(yōu)化，這將為您的網(wǎng)站帶來(lái)更多流量。

組織您的帖子還可以改善您網(wǎng)站的導(dǎo)航，以便訪(fǎng)問(wèn)者可以更輕鬆地找到他們正在尋找的內(nèi)容。當(dāng)您的網(wǎng)站結(jié)構(gòu)變得更加複雜時(shí)，您甚至可以創(chuàng)建子類(lèi)別。

例如，旅遊博客可能有一個(gè)關(guān)於美國(guó)觀光目的地的類(lèi)別。隨著內(nèi)容的增長(zhǎng)，為芝加哥、洛杉磯和紐約等城市創(chuàng)建子類(lèi)別可能是有意義的。

如果您在WordPress 小部件中顯示類(lèi)別，則可以使用平面列表或?qū)哟谓Y(jié)構(gòu)。以下是每個(gè)選項(xiàng)在我們的演示網(wǎng)站上的外觀。

您可以通過(guò)訪(fǎng)問(wèn)WordPress 儀表板上的外觀? 小部件並選中類(lèi)別小部件上的“顯示層次結(jié)構(gòu)”框來(lái)完成此操作。

但無(wú)論您選擇哪個(gè)選項(xiàng)，該列表最終都會(huì)變得很長(zhǎng)且難以管理，並且在您的WordPress 網(wǎng)站上看起來(lái)也不會(huì)很好。

在本指南中，我們將向您展示如何隱藏子類(lèi)別以使您的類(lèi)別列表更易於導(dǎo)航。我們還將向您展示如何設(shè)置子類(lèi)別的樣式以獲得更簡(jiǎn)潔的外觀。

如何使用CSS 在WordPress 中隱藏子類(lèi)別

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

添加CSS 對(duì)於初學(xué)者來(lái)說(shuō)可能很棘手，犯一個(gè)錯(cuò)誤可能會(huì)破壞您的WordPress 網(wǎng)站。如果您不熟悉使用代碼片段，那麼您可能想查看我們的指南，了解如何輕鬆地將自定義CSS 添加到您的WordPress 網(wǎng)站。

話(huà)雖如此，讓我們看看如何在WordPress 中隱藏子類(lèi)別。

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

您現(xiàn)在可以訪(fǎng)問(wèn)您的WordPress 網(wǎng)站以確保子類(lèi)別已隱藏。以下是我們測(cè)試網(wǎng)站的前後截圖。

這看起來(lái)更乾淨(jìng)，但現(xiàn)在您的訪(fǎng)問(wèn)者看不到子類(lèi)別。您可能想查看我們的指南，了解如何在WordPress 類(lèi)別頁(yè)面上顯示子類(lèi)別。

如果您這樣做，那麼當(dāng)您的訪(fǎng)問(wèn)者單擊“美國(guó)”類(lèi)別時(shí)，他們將在該頁(yè)面上看到子類(lèi)別的鏈接，例如芝加哥、洛杉磯和紐約市。

如何使用CSS 在WordPress 中設(shè)置子類(lèi)別的樣式

您還可以使用CSS 自定義類(lèi)別和子類(lèi)別的外觀。這將取決於您自己對(duì)CSS 的了解以及您希望對(duì)它們?cè)诋?dāng)前主題中的外觀進(jìn)行哪些更改。

例如，如果您在層次結(jié)構(gòu)中顯示子類(lèi)別，則添加垂直條可以讓您快速查看哪些類(lèi)別位於同一級(jí)別。讓我們看看如何做到這一點(diǎn)。

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

請(qǐng)隨意調(diào)整代碼以根據(jù)您的喜好定製樣式。

您還可以使用CSS 來(lái)設(shè)置WordPress 主題的其他元素的樣式。例如，您可以使用CSS 為各個(gè)類(lèi)別設(shè)置不同的樣式。

我們希望本教程能幫助您學(xué)習(xí)如何在WordPress 中隱藏子類(lèi)別以及更改其樣式。您可能還想查看我們的必備WordPress 插件列表，以擴(kuò)展您的網(wǎng)站，或者查看有關(guān)如何在WordPress 中顯示相關(guān)帖子的教程。

以上是如何在 WordPress 中隱藏或設(shè)置子類(lèi)別的樣式的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！