How to Add Breadcrumb Navigation to Your Theme

Breadcrumbs or breadcrumbs trail allows users to keep track of their locations within websites. Adding it to your WordPress site is really easy, and there are dozens of plugins for it. You can use any of your favorite plugin to do it, but we're gonna use Breadcrumb NavXT, as it's the most popular one. You can use any of your favorite plugins and the process will be quite similar.

First, you need to navigate to Plugins > Add New. Search & install Breadcrumb NavXT plugin to your WordPress. After that, you need to open the appropriate file of your theme (typically header.php or single/page.php file). We advise using a child theme or else your changes will be lost after the theme is updated. Add the following code to the appropriate file:

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
    <?php if(function_exists('bcn_display')) {
        bcn_display();
    } ?>
</div>

And save the file. That will do.

For example, if you're using Zillah, you can place the code just below the following code in single.php file:

<main id="main" class="site-main" role="main">

This should help.