[诗语]

Divi 没有内置面包屑功能。但是你可以使用免费的插件来添加面包屑。有两种流行的插件可以添加面包屑。

WordPress SEO by Yoast

这是一个包含面包屑功能的综合 SEO 插件。

Breadcrumb NavXT

这是一个简单的面包屑插件。

如何添加面包屑

现在，我将向您展示如何将这些面包屑整合到 Divi 。
激活插件后，在侧边栏上点击外观 – > 编辑。
然后在下面添加代码。

1 、 Yoast WordPress SEO

将此代码添加到 header.php 的底部

<?php if(function_exists('yoast_breadcrumb') && !is_front_page()) {
 echo '<div class="container">';
 yoast_breadcrumb('<p id="breadcrumbs">','</p>');
 echo '</div>';
} ?>

将此代码添加到 style.css 的底部

#breadcrumbs{ float: left; width: 75%; margin-bottom: 1em; position:relative; z-index:1; }
@media screen and (max-width: 980px){
 #breadcrumbs{ width: 100%; }
}

2 、 Breadcrumb NavXT

将此代码添加到 header.php 的底部

<?php if(function_exists('bcn_display') && !is_front_page()) {
 echo '<div class="container">';
 echo '<div class="breadcrumbs" xmlns:v="https://rdf.data-vocabulary.org/#">';
 bcn_display();
 echo '</div>';
 echo '</div>';
} ?>

将此代码添加到 style.css 的底部

.breadcrumbs{ float: left; width: 75%; margin-bottom: 1em; position:relative; z-index:1; }
@media screen and (max-width: 980px){
 .breadcrumbs{ width: 100%; }
}

[作者]

帖子