如何制作面包屑导航

先看一下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>

参考

为WordPress添加面包屑导航功能

【1】wordpress面包屑导航插件Breadcrumb NavXT使用教程：https://www.simcf.cc/588.html

【2】Breadcrumb NavXT – WordPress导航面包屑插件安装和使用