» ブログ・webサイト・ランディングページにイラストを活用してみませんか?

Bootstrap4のパンくずリストをWordPressに組み込む方法

投稿日時2017年12月27日 タグ ,

カテゴリ Webデザイン・コーディング

Bootstrap4のパンくずリストをWordPressに組み込む方法

このWordPressサイトはBootstrap4で作ったのでパンくずリストをどうやって表示させるのか調べてみました。

以下のサイトが参考になりました。

▼カスタマイズ参考記事

http://hirokachan.com/wordpress-plugin/plugin-breadcrumb-navxt/

▼プラグイン導入の参考記事

https://www.adminweb.jp/wordpress-plugin/list/index16.html

▼自分好みのパンくずリストのデザインを作る参考になる記事

https://saruwakakun.com/html-css/basic/breadcrumb

Bootstrap4のパンくずリストのコードを組み込んだ場合は下記のコードになります。

トップページにはパンくずリストは表示させたくないのでトップページでは非表示の設定にしています。


<?php if(function_exists('bcn_display') && !is_front_page())
{
// Display the breadcrumb
echo '<ol class="container breadcrumb mt-3"><li class="breadcrumb-item">';
bcn_display();
echo '</li></ol>';
}?>