ブログ

[はてなブログ]パンくずリストを設置

以前からやりたいと言っておきながらなかなかできず、「やりたい詐欺」状態になっていたパンくずリストの設置。

ようやく着手しました!

はてなブログでパンくずリストを設置する

参考にしたのは池田仮名さんのこちらの記事です。

はてなブログでGoogleにパンくずリストを認識させるブログパーツ – 太陽がまぶしかったから

わたしが行った方法を順に説明していきます。

ソースコードの入力

池田さんのリンク先にあるソースコードを、フッタおよび記事で表示させたいところ(わたしは記事上にしました)へ入力します。

カテゴリーを階層化させてからでもよかったのですが、パンくずリストの反映に時間がかかるとの意見をちらほらと見かけたので、先にソースコードを入力しておきました。

カテゴリーを階層化させる

次にカテゴリーを階層化させます。

Excelシートにこれまで書いた記事のタイトルもしくは主な内容をざっと打ち込み、右側にはカテゴリー名になりそうな名前をこれまたざっと打っていきました。

カテゴリー分け

※横の罫線は月の変わり目を表しています。

そのあと右側に打ったカテゴリー候補を別シートにピックアップして、親カテゴリー・子カテゴリーを決めてカテゴリーを階層化させました。

カテゴリーの設定をする

記事に親カテゴリーと子カテゴリーをひたすら設定していきます。

こちらは整理前のカテゴリー。

カテゴリー整理前

整理後がこちら。サイドバーには親カテゴリーのみ表示するように設定しました。

f:id:goldblack:20151218193420j:plain

すべての記事のカテゴリー設定が終わったら数が変動します。

なぜ?カテゴリーの階層が表示されない

池田さんの記事通りに設定しましたが、記事TOPの階層表示がうまくできません。

パンくずリスト 階層表示

本来ならTOP>食>常備菜となるはずですが、カテゴリーだけ先に表記されて「>」があとから表示されてしまいます(ピンクで囲ったところ)。

記事上に設定したパンくずリストは正しく表記されました(赤線のところ)。

このブログテーマとの相性が良くないのかな・・・と勝手に思っていますがどうなのでしょうか?

カスタマイズ楽しいっ!

上記の謎が解決できていないし、カテゴリー設定がすべて終わっていないのですが、久しぶりに時間をかけてのブログカスタマイズはとても楽しかったです!

今日は途中で終わってしまったので、残りの記事のカテゴリー設定も済ませて、年内にもうひとつカスタマイズができたらいいなと思っています♪