CodeFlist
How to Remove Breadcrumbs in WordPress
Have you heard the term “Breadcrumbs”?
If you use WordPress, you can structure your site by adding breadcrumbs. Of course, they are useful. However, it would be best if you also learned how to remove Breadcrumbs in WordPress.
What are Breadcrumbs?
Breadcrumbs represent the relationship between parent and child category. They tell the user about the user’s location on a particular site and the site structure, which will help Google understand your site. In short, it acts as a boost for the sitemaps. That’s the reason you will find it across different sites.
Types of Breadcrumbs
There are different types of Breadcrumbs. These are some of the popular ones:
- Hierarchy-Based
This is the most common type of Breadcrumbs that is used across the majority of the sites. As the name itself suggests, you will find the Breadcrumbs that shows the site structure.
For example: Home > Blog > Type of Category > Post
- Attribute-Based
Attribute-Based Breadcrumbs are generally found on the eCommerce site. In this type, it consists of product attributes.
For example: Home > Type of Product > Product > Gender > Size > Color
- History-Based
If you are surfing a site, then this type of Breadcrumbs will be generated. The structure for this type of Breadcrumbs is like Home>Previous Page>Current Page.
Uses of Breadcrumbs
By now, you should have known that Breadcrumbs’ primary function is to let the user know about the proper location of a web page on a website. As this feature is not active by default, there may be a plugin in a site to activate it.
If there are no advantages, probably no one would add it. There are also some advantages like:
- Enhance User Experience
Yes, you heard it right. It enhances the user experience. If you properly use them, the user will understand your site quickly. They can follow the hierarchy to navigate across different locations on the site. As a whole, it improves the look of the site.
- Improves SEO
Google adds the Breadcrumbs in the search result when you have related it correctly. It helps to improve the SEO result of your site.
- Low Bounce Rate
If your site has a good structure, the visitors may check other related pages. This results in a low bounce rate of the site.
How to remove Breadcrumbs in WordPress?
By default, breadcrumbs are not enabled in WordPress. It is added manually due to a plugin or theme.
If breadcrumbs are added due to plugin
First of all, you need to find out the plugin that has added this feature. Go through the list of the plugins installed on the site. Mostly, this feature is added by the SEO related plugins.
In case of Yoast, you will find the Breadcrumbs settings like in the picture below.
In case of RankMath, you will find the Breadcrumbs settings like in the picture below.
If you do not find out the exact plugins, note all the plugins, and search its features and settings. If Breadcrumbs is available in the feature, check it once. Once you figure out a specific plugin, disable that feature of the plugin from the settings.
If breadcrumbs are added due to theme
If there is no plugin responsible for the site’s breadcrumbs, you need to check the theme code. You may be getting this feature due to the presence of the code in the theme.
Go to Appearance > Theme Editor. There you will find the list of all themes that you can edit.
Search for the word breadcrumbs on different pages. Once you find the PHP line that generates the breadcrumbs, add two forward slashes. This will comment out the code, and it will not run.
Don’t forget to update the file to save the changes. Repeat this step on other pages or any other themes to remove breadcrumbs.
However, if you can remove it with ease from custom CSS.
At first, open the page where Breadcrumbs is present.
For example, let us take this page.
Now, Let’s right-click and Inspect this page to find out the class associated with the Breadcrumbs.
Once you find the class, check the style-linked with the class and add the display to none to remove the Breadcrumbs on that page.
Go to Appearance > Customize and add this code in Additional CSS.
breadcrumbs {
display: none;
}
This works great. Have a try!
However, in some themes, the developers can add and remove breadcrumbs in the Page Header section. So, make sure that you have already checked whether it is available or not in your theme.
Wrapping Up
Hopefully, this tutorial answers how to remove Breadcrumbs in WordPress. Undoubtedly, Breadcrumbs are a positive aspect of WordPress, but you should also know how to disable it if you no longer need it.
Related Post
- Add Push Notification in WordPress
- How to Change Header Image in WordPress
- How to Change Front Page in WordPress
The post How to Remove Breadcrumbs in WordPress appeared first on CodeFlist.
