[詩語]

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%; }
}

[作者]

帖子