Do you want to hide subcategories in WordPress, or style them so that your list of categories is easier to read?

In WordPress, your posts can be divided into different categories and subcategories. This helps with navigation and SEO, but a long list of subcategories doesn't always look great on your website.

In this tutorial, we will show you how to use code snippets to hide subcategories and change their styles.

Why use subcategories in WordPress?

When you write posts for your WordPress site, you can use categories and tags to organize them. When you categorize content correctly, you can improve your SEO, which will bring more traffic to your website.

Organizing your posts can also improve navigation of your website so that visitors can find what they are looking for more easily. You can even create subcategories when your website structure becomes more complex.

For example, a travel blog might have a category about destinations to visit in the United States. As content grows, it may make sense to create subcategories for cities like Chicago, Los Angeles, and New York.

If you display categories in WordPress widgets, you can use flat lists or hierarchies. Here is how each option looks on our demo website.

You can do this by visiting the Appearance ? Widgets on the WordPress dashboard and selecting the Show Hierarchy box on the Category Widgets.

But no matter which option you choose, the list ends up being long and difficult to manage and doesn't look great on your WordPress site either.

In this guide, we will show you how to hide subcategories to make your category list easier to navigate. We will also show you how to style the subcategory for a cleaner look.

How to use CSS to hide subcategories in WordPress

In this article, we will use CSS code snippets to hide subcategories and style them. You can add snippets directly to the theme's style.css file, snippet plugins such as WPCode, or add them using the theme customizer in the WordPress dashboard.

Adding CSS can be tricky for beginners, and making a mistake can potentially ruin your WordPress site. If you are new to using code snippets, you may want to check out our guide on how to easily add custom CSS to your WordPress site.

That being said, let's see how to hide subcategories in WordPress.

You need to copy the following code and paste it into the theme's style.css file, code snippet plugin, or WordPress theme customizer.

You can now access your WordPress website to ensure that the subcategory is hidden. Below are screenshots of our test website before and after.

This looks cleaner, but now your visitors don't see the subcategory. You may want to check out our guide to see how to display subcategories on the WordPress category page.

If you do this, when your visitors click on the “US” category, they will see links to subcategories such as Chicago, Los Angeles, and New York City on that page.

How to style subcategory in WordPress using CSS

You can also use CSS to customize the appearance of categories and subcategories. This will depend on your own knowledge of CSS and what changes you want to make to how they look in the current topic.

For example, if you show subcategories in a hierarchy, adding a vertical bar allows you to quickly see which categories are at the same level. Let's see how to do this.

Changing the style of subcategories is the same as hiding them. You need to copy the code below and paste it into style.css, WPCode plugin, or WordPress theme customizer.

Feel free to adjust the code to customize the style to your preferences.

You can also use CSS to style other elements of your WordPress theme. For example, you can use CSS to set different styles for each category.

We hope this tutorial helps you learn how to hide subcategories and change their styles in WordPress. You may also want to check out our list of essential WordPress plugins to extend your website, or see a tutorial on how to display related posts in WordPress.

The above is the detailed content of How to hide or set styles of subcategories in WordPress. For more information, please follow other related articles on the PHP Chinese website!