先看一下Bootstrap4 面包屑导航实例
<ol class="breadcrumb">
<li class="breadcrumb-item active">Home</li>
</ol>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Library</li>
</ol>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Library</a></li>
<li class="breadcrumb-item active">Data</li>
</ol>
或
<nav class="breadcrumb">
<a class="breadcrumb-item" href="#">Home</a>
<a class="breadcrumb-item" href="#">Library</a>
<a class="breadcrumb-item" href="#">Data</a>
<span class="breadcrumb-item active">Bootstrap</span>
</nav>
代码;
一行代码搞定WordPress面包屑导航breadcrumb
如果是单页,用如下代码
<a href="/" title="Home">Home</a> » <?php the_category(","); ?> » <?php the_title(); ?>
如果是栏目页可以用下面的代码
<a href="/" title="Home">Home</a> » <?php the_category(","); ?>
样式参考Bootstrap4
插件
Breadcrumb NavXT

调用:
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
<?php if(function_exists('bcn_display'))
{
bcn_display();
}?>
</div>
参考
【1】wordpress面包屑导航插件Breadcrumb NavXT使用教程:https://www.simcf.cc/588.html