Divi: The best WordPress theme of all time!

With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates.

Do you want to display a breadcrumb trail on your WordPress blog? The breadcrumb trail is a secondary navigation system allowing users to indicate their position on a site in relation to the home page. In this article, we'll show you how to view Breadcrumbs or Breadcrumbs.

breadscrumb-bpc

What is breadcrumbs and why do you need it?

Breadcrumb is a term used to describe a hierarchical navigation menu presented as a path of links. It is often used as a secondary navigation system and allows users to move up / down the link hierarchy.

Breadcrump navigation links are different from the default WordPress navigation menu.

The purpose of Breadcrump is to help users understand where they are on a site. It also helps search engines understand the hierarchy of links on a web page.

Search engines like Google have started showing navigation links below site titles in search results. This gives your site greater visibility in the results and increases your click through rate.

fildariane-google

We are now going to see how to add a breadcrumb to your WordPress blog.

Breadcrumb setup using the Breadcrump NavXT plugin

This is by far the easiest way to set up Breadcrump navigation on a WordPress site. It is very flexible, easy to use, and has many more options than you can imagine.

Easily create your website with Elementor

Elementor lets you create Easily and Free any website or blog design with a professional look. Stop paying a lot for a website you can do yourself.

The first thing to do is to install and activate the plugin breadcrump NavXT. After activation, you must go to the page Settings »Breadcrump NavXT to configure the plugin settings.

breadcrumbnavxt-settings

The default settings should work for most sites. But you can customize the settings according to your needs.

The settings page is divided into different sections. In the tab "General", you can define how the plugin behaves globally on your site.

Here you can change the template for navigation links. You will then notice that these link templates use the parameters of schema.org in the link label.

The tab « post Types“, In the plugin's settings, allows you to configure the navigation links based on articles, pages, and all other types of personalized publication.

You can choose how you want to display the post hierarchy. By default the plugin will use Site title> Category> Publication title. You can replace categories with labels, dates, or parent articles.

Tabs "Taxonomies" et "Miscellaneous" have similar patterns for your Breadcrump navigation links. Finally, please click on the "Save changes" button to save your settings.

How Breadcrump NavXT will look on your site

The plugin requires some modifications in the theme files or even the child theme on which you want to set up the Breadcrump navigation. In particular, you must add this code to the "header.php" file of the theme in question.

    

And There you go! You can now open your site and see the Breadcrump navigation links by visiting an article or page.

Setting up the breadcrumb trail using the Yoast SEO plugin

The first thing to do is to install and activate the plugin Yoast SEO. We will go step by step.

When activating, you must go to the page SEO Â »advanced and check the option "Enable Breadcrumps" (Activate the breadcrumb trail).

yoastbreadcrumb-1

You will find several options allowing you to modify the appearance of Breadcrump on your site. The default settings should work, but you are free to change them as you wish.

Once you are done, click on the button Save Changes" page (in French).

The appearance of Yoast on your site

Some WordPress themes are already compatible with Yoast Breadcrump navigation. To see if your theme displays Breadcrump navigation links, just go to your website and click on any post or page.

If your theme does not automatically feature Breadcrump navigation, then you will need to add a small snippet of code to your WordPress theme.

You just have to add this code in the "header.php" file of your theme or your child theme. The code should be placed at the end of the file.

',' ');}?>

That is all! Visit your site now to see the breadcrumb trail in action. We hope this article has helped you display a breadcrumb trail on WordPress.

Please leave your comments in the dedicated section.

%d bloggers like this page: