すでにデイトラの課題のそれそれのphpファイルに実装済みですが、備忘録のためにパンくずリストについて書いていきたいと思います。
実装にはプラグインを使います。色々あるようですが、今回はデイトラでも勧めている Breadcrumb NavXTを使います。手順を書いていきたいと思います。
①インストール後、対象のphpファイル(パンくずリストを載せたいファイル)は下記のように記述しました。
<?php if (function_exists(‘bcn_display’)) : ?>
<!– breadcrumb –>
<div class=”breadcrumb”>//CSSをあてるためのクラス
<?php bcn_display(); // BreadcrumbNavXTのパンくずを表示するための記述
?>
</div><!– /breadcrumb –>
<?php endif; ?>
②記述後、管理画面のツールバーで下記のように入っていって、細かく設定します。
設定 → Breadcrumb NavXT
③パンくず区切りの部分の設定
HTML作成時につけたクラス(p-page__breadcrumb-icon)で囲いました。その後、項目と項目の間に一般に使用する > 記号の文字実体参照の>を使用しました。Bootstrap IconsやFont Awesomeのタブも使用できると思います。
④ホームページの表示の設定
ホームの表示方法の設定です。パンくずにホームページを含めるかどうか赤枠部分をチェックします。通常のデザインではチェックすると思います。ホームページの表現ですが、カンプや他の項目との兼ね合いにもよりますが、青枠の変数の%htitle%をホームやトップなどを入力して変更します。
他、細かい設定などもできるようですが、通常はこれで問題ないかと思います。