どうも、ハガネ屋です。
今までカスタマイズされたブログテンプレートしか使ったことが無く、そういえばPinboardには何かが足りない・・・と常々感じていたわけですが。
（いや、Pinboardもビジュアル面では相当カスタマイズされてますけど）
何が足りないって、あれですよアレ。
グローバルメニュー下の「パンくずリスト」。
パンくずリストってのは、↑の画像を見てお分かりのように「サイトの各ページをツリー構造で記述して、現在地を分かりやすくしたもの」です。
ということで、パンくずを実装するためのWordPressプラグイン「Breadcrumb NavXT」をインストールして有効化します。
Breadcrumb NavXTでパンくずリストの設置に挑戦
今回パンくずリストを設置するにあたって、こちらのサイトを参考にさせていただきました。
参考記事
パシのWP SEOブログ
ちなみに、インストールして有効化しただけでは動きません。
パンくずを表示したい箇所めがけて、ソースコードを貼りましょう。
※コードを貼り付ける場所は「header.php」の一番下でOKでした。
「WP SEOブログ」さんの記事を参考に、まずはこちらを入力。
|
1 2 3 |
<ul class="pan"> <?php if(function_exists('bcn_display')){bcn_display_list();}?> </ul> |
うーん、リスト状に表示されてしまいました（爆）
これでも機能しますけど、上下の幅を取り過ぎなので他を試してみます。
気を取り直して・・・「NetaOne」さんの記事を参考に、こちらのコードを入力。
|
1 2 3 4 5 6 |
<div class="breadcrumbs"> <?php if(function_exists('bcn_display')) { bcn_display(); }?> </div> |
よし来た。
うん。グローバルメニューとの距離が近過ぎですね（笑）
というわけで「AfroNamiHeiの箱」さんの記事を参考に、空白を空けるソースコードを先ほどのコードの真上に貼りました。
|
1 2 3 |
<div class="cl"> </div> <!-- Content --> <div id="content"> |
よしよし。かなり理想の形に近づいてきた。
ぶっちゃけ、これで完成でも良いかもしれない。
でもでもでもでも？
トップページへのパンくずリンクを非表示にしたい
見てくださいこれ。長いですよね（笑）
タイトルが長過ぎて、文字が折り返してしまいます。
他。
トップページなんて、ブログタイトルをクリックすれば飛べるので不要。
Breadcrumb NavXTの設定画面から非表示にできますので、消しちゃいましょう。
設定 ＞ Breadcrumb NavXT ＞ Generalタブ
「Home Breadcrumb」のチェックを外すだけでOKです。
スッキリしたパンくずリストが出来上がりました。
パンくずリストを設定しておくと、他にもメリットがある
パンくずリスト設置によるメリットは、自分のサイト内を巡回しやすくなるだけではありません。
上記リンク先の記事を読むとお分かりかと思いますが、
参考記事
Googleウェブマスターツール
もう一手間（microdata）かけることで検索結果にも効果が出てきます。
これに関しては僕もまだ出来ていませんので、後日さっそく実装を試みてみるつもりです。
検索結果の時点でカテゴリ分けされていると、個別のページへアクセスしやすくなってとても便利ですからね。
この記事が気に入ったら
いいね！しよう
最新情報をお届けします