/*「詳細設定」->「headに要素を追加」にコピー*/

カテゴリ階層化【はてなブログユーザー導入必須】

f:id:sora1530:20180410203631p:plain

 

 

カテゴリはブログの命!

 

カテゴリの階層化でカテゴリをすっきり。

 

はてブロユーザーのための階層化の手順を紹介!

 

 

こんにちは、そら(@15sora30)です。

 

 

カテゴリは

 

 

雑記ブログに限ったことではありませんが、

雑記ブログという形をとっている人は特化ブログよりもきちんとカテゴリ分けをする必要があります。

 

雑記ブログだからってカテゴリが「雑記」では過去記事に興味持ってもらえません。

 

というわけでカテゴリの整理・階層化に踏み切りました。

 

 

「はてなブログ」はカテゴリ階層化機能がない

f:id:sora1530:20181114194658p:plain

 

いきなり出鼻をくじかれます。

 

「はてな」はなぜカテゴリの階層化が標準機能にないのか

 

はなはだ疑問です。

 

こんなにたくさんのユーザーがいて、

そのほとんどが雑記ブログみたいなもんなのになんでないの?

 

絶対みなさん欲しい機能ですよね?

 

ないものは仕方がないので調べて、

 

【はてなブログ】公式パンくずリストの階層化とカテゴリーのアーカイブ表示を行うブログパーツを作りました - 小さな星がほらひとつ

 

こちらの記事を参考にさせてもらいました。

 

超簡!!コピペのみで実装可能!!

 

あとはカテゴリを整理するだけ。

 

それだけでこんなにきれいになりました。

 

f:id:sora1530:20171223134257p:plain

 

【はてなブログ】公式パンくずリストの階層化とカテゴリーのアーカイブ表示を行うブログパーツを作りました - 小さな星がほらひとつ

 

こちらで丁寧に設定方法まで解説してくださっているのでそちらのほうが見やすいと思いますが、

忘備録として一応設定方法を書いておきます。 

 

 

コピペで簡単!カテゴリ階層化の方法

step1 : パンくずリストを有効化する

f:id:sora1530:20171223074118p:plain

 

※step1はお好みで大丈夫◎

 

パンくずリストを表示したくない場合は飛ばしてstep2へ。

 

「デザイン」⇒「カスタマイズ」⇒「記事」と進み、

下にスクロールすると「パンくずリスト」があるので有効にします。

 

 パンくずリストとは?

f:id:sora1530:20171223130816p:plain

 

「パンくずリスト」とは赤枠で囲った部分のこと。

 

ちなみに青枠は「タグ」といいます。

 

step2 : カテゴリ整理

まずはじめに親カテゴリと子カテゴリを前もって考え、整理しておきます。

 

親カテゴリ子カテゴリの言葉がわからない方はこちら⇒

カテゴリは雑記ブログの命!【親カテゴリ子カテゴリ】

 

f:id:sora1530:20171223074913p:plain

 

私の場合はこうなりました。

後で追加もできますが適当に作ってしまうと結局カテゴリが乱立するので大半がカバーできるようにしておきます。

 

カテゴリ変更!

f:id:sora1530:20171223132123p:plain

 

こんな風にカテゴリを追加していくわけですが、いくつか注意点があります。

 

  • 子カテゴリの名付け方

 

子カテゴリの名前の付け方は決まっています。

 

上記の例では、カテゴリが4つ。

 

親カテゴリ「おすすめ」子カテゴリ「おすすめ-本」の2つと

親カテゴリ「読書記録」子カテゴリ「読書記録-畑野智美」の2つが存在します。

 

子カテゴリの名付け方は、

 

親カテゴリ名-子カテゴリ名

 

でないといけません。

 

  • 親カテゴリを必ず入れる

 

これを忘れると子カテゴリの記事数の合計が親カテゴリの記事数に等しくなりません。

※気にならない人はいいですが...

 

  • 先に追加したカテゴリがパンくずリストに表示される。

 

上記の例のように2種類の子カテゴリが共存する場合、

先に追加されたカテゴリがパンくずリストに表示されます。

 

そのため、

 

トップ > おすすめ > 本 > 記事名

 

となっていますが、仮に

「読書記録」「読書記録-畑野智美」「おすすめ」「おすすめ-本」の順に追加した場合には、

 

トップ > 読書記録 > 畑野智美 > 記事名

 

と表示されるようになります。

 

複数のカテゴリを追加するときは表示させたいものを先頭に追加しましょう。

 

※子カテゴリを名付ける際の「半角ハイフン」前につけた親カテゴリ名はきちんと表示されないように配慮されています...素晴らしい

 

さあ、整理が終わったらあとは表示させるようにするだけ◎

 

step3 : カテゴリ表示設定

カテゴリを階層表示させるためには表示順が「アルファベット順」になってないといけませんので設定を確認・変更していきます。

f:id:sora1530:20171223140225p:plain
f:id:sora1530:20171223140254p:plain

「デザイン」⇒「カスタマイズ」⇒「編集」とすすんで「アルファベット順」にするだけ。

step4 : スクリプトの設定【コピペのみ】

f:id:sora1530:20171223140733p:plain

「フッタ」部分にHTMLをコピペするだけ。

 

【はてなブログ】公式パンくずリストの階層化とカテゴリーのアーカイブ表示を行うブログパーツを作りました - 小さな星がほらひとつ

 

リンク先の見出し『4.スクリプトの設定』のところにある3行のみコピペ◎

step5 : スタイルシートの設定【コピペのみ】

f:id:sora1530:20171223141501p:plain

最後に、「ヘッダ」の「タイトル下」部分にHTMLをコピペ。

 

【はてなブログ】公式パンくずリストの階層化とカテゴリーのアーカイブ表示を行うブログパーツを作りました - 小さな星がほらひとつ

 

リンク先の見出し『5.スタイルシートの設定』のところにある1行のみコピペすればOK◎

 

これで完了!

ちゃんと「変更を保存する」を押してくださいね。

 

おわりに : カテゴリ階層化による整理はお早めに◎

f:id:sora1530:20180522202140p:plain

 

50記事ちょっとの段階で30分くらいだったので

早めにやっといてよかったな

と思いました。

 

これが100記事書いてからだったりしたら途中で嫌になって放り出していたかもしれません。

 

階層化によって著者別にカテゴリ分けしてもカテゴリ欄が異常に長くなってしまうのを抑えられたので大満足です。

 

最後まで読んでいただきありがとうございました。

ブックマーク、コメント、読者登録、とても励みになります。

いつもありがとうございます。