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