WordPressでパンくずリストを作成するプラグインを探していたところ、国産で
「Prime Strategy Bread Crumb」という便利なプラグインがあったのでインストールしてみました。
Prime Strategy Bread Crumbのインストール
WordPress管理画面>「プラグイン」>「新規追加」から
キーワードに 「Prime Strategy Bread Crumb」を入力して検索します。
プラグインが見つかったら「今すぐインストール」をクリックします。
パンくずの設置・パラメーターの指定
<?php if ( !is_home() ) : ?> <?php $args = array( 'home_label' => 'ホーム', ); if ( function_exists( 'bread_crumb' ) ) { bread_crumb($args); } ?> <?php endif; ?>
header.php へ上記のように設置しました。
1行目の「if ( !is_home() )」で、ホームのページには表示しないようにしています。
4行目はパンくずの始まりが「トップページ」と表示されるので、「ホーム」と表示されるようにパラメーターを指定しています。
CSSの設定
.bread_crumb { margin: 0; border-bottom: 1px solid #eee; padding: 8px 10px 8px 14px; /* clear: both; */ height: 20px; } .bread_crumb li { font-size: 12px; color: rgb(180, 180, 180); /* float: left; */ display: inline; list-style: none outside none; } .bread_crumb li:after { content: '>'; padding-left: 10px; margin-right: 10px; } .bread_crumb li:last-child:after { content: ''; } .bread_crumb li a { color: rgb(120, 120, 120); } .bread_crumb li.current { }
その他、詳しい情報は作者のページに記載されています。
パラメータでカスタマイズしやすいパンくずナビをプラグインにしてみた
コメント