Breadcrumb NavXT プラグインでパンくずリストをWordPressに設置

け、決して忘れていたわけではありません(笑)

ユーザービリティの観点、SEO(個人的にはSEOといった表現は好きじゃないのですが)対策としても重要なパンくずリスト。はい、いわゆる、これですね。

手動管理のサイトであれば、これを設置していくのも結構面倒くさいのですが、WordPressのサイトであれば、プラグインで簡単に導入できます。

とはいえ、ひとえにプラグインといえども、様々なものがあるのですが、私は、Breadcrumb NavXT(以前は、Breadcrumb Navigation XTといった名称)を使うばかりで、あまり他を必要とすることがありません。

目的はこのリストを狙った通りに表示するだけですので、ちょっと複雑な要件になると、プラグインを探して使うよりも自前でコードを書いちゃうことの方が多くて(´・ω・`)

なので、今回も同じく、Breadcrumb NavXT を使っていきまーす。

とはいえ、記事としては大して書くこともないのですが……メモとして。

インストールです。

インストール後、プラグインを有効にして設定していきます。

設定はもはやが好みの問題ですが(笑)

私は、このトップページ名をブログ名からHomeに変更し、

カテゴリー構造からタグ構造に変更してあります。

テンプレートに追加

あとはパンくずリストを差し込みたいテンプレートに以下のコードを加えるだけ。

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

デザインの調整が必要であればCCSに

.breadcrumbs{
	margin-bottom: 20px;
	font-size: 0.9rem;
}

こんな感じで好みのスタイルを追加すれば完成っす。