WordPressでのパンくずリストの設置方法

blog画像（パンくずリスト）

WordPressでパンくずリストはSEOの観点からも入れたほうが良いとされており、その設置方法について説明します。

１．プラグイン　Breadcrumb NavXT　をインストールして有効化する
２．パンくずリストのトップ表示がサイト名になっているのをHOMEとするための指定
　管理画面の設定＞Breadcrumb NavXTで、一般タブのホームページテンプレートとホームページテンプレート（リンクなし）の　%htitle%　→　HOME　とし、その他タブの404タイトルを　ページが見つかりません　として保存する
３．header.phpなどのテンプレートファイルに下記を記述
＜HTML＞

<?php if (function_exists('bcn_display')) : ?>
<!-- classは任意 -->
<nav class="breadcrumb" typeof="BreadcrumbList" vocab="http://schema.org/" aria-label="現在のページ">
<?php bcn_display(); ?>
</nav>
<?php endif; ?>

＜CSS例＞

.breadcrumb {
  position: absolute;
/* top値はその時々で調整 */
  top: 165px;
  left: 0;
  padding: 10px 15px;
  font-size: 0.875rem;
  color: #fff;
}
.breadcrumb a {
  text-decoration: none;
  color: #fff;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

４．header.phpでパンくずリストを指示している場合、パンくずリストをトップページには表示させないための指定

<?php if (!is_front_page()) : ?>
　（№３を挟んで）
<?php endif; ?>