以前から気になっていたグローバルメニューとカテゴリー一覧
記事も増えたのでリライトしようとしたところ、カテゴリー名と記事内容がどうも合っていないことが分かりました。
ブログ歴も2年目になると、ブログ開設当時の構想と違う方向性に向かっていることもあったりするんです。特に雑記ブログだと方向性がぶれやすい。
分かりづらいブログだと当然アクセスも減るし、ここは是非とも改善したいところ
「カテゴリー一覧の階層化」というもので記事のグルーピングをしてみようと探していると良さそうな記事を発見!
さっそくやってみました。
カテゴリーを階層化する方法
カテゴリーを階層化することでスッキリ見やすくなりますが、細かく分類しすぎると逆効果となることもあるので注意が必要。
記事が多くなるほど地味に大変な作業になるので、カテゴリー設定は慎重に作業したほうが身のためだと思われます…。
1.パンくずリストを有効にする
「デザイン」→「カスタマイズ」→「記事」→「パンくずリスト」
『記事ページにパンくずリストを表示する』にチェックを入れます。
2.カテゴリーの階層化を考える
はてなブログは記事作成画面でカテゴリーを決めることができますが、ブログのカテゴリー設定は事前に考えておく必要があります。
なぜなら、記事数が多くなるほど地道な作業が続くため、何度も変更しないよう構成を練った方が得策となります。
カテゴリー再整理
今回は「DESIGN」のカテゴリーを変更
グローバルメニューでは『デザイン』といいながら、カテゴリーでは『ブログ運営』となっていました。読み手からすると"ん?求めているのとなんか違うな"となってしまい、ブログから離れてしまいかねません。
そこで『デザイン』に関する記事を再整理してみることに。
親カテゴリー - デザイン
子カテゴリー - HTML/CSS・Webデザイン・インテリア・作業環境・画像編集・色彩
こんなところでしょうか。
実際やってみると、記事の偏りや内容のダブりも見つかり、このあたりを中心にリライトする必要がありそうですね。
カテゴリー入力方法
記事編集画面→「カテゴリー」→「+新しいカテゴリー」
はてなブログの場合、先頭のカテゴリーがパンくずリストに使用されるようです。
■親カテゴリー
■親カテゴリー-(半角ハイフン)子カテゴリー
このふたつを入力します。
子カテゴリーを入力する時は必ず親カテゴリーも入力してください。
さもないと子カテゴリーが親カテゴリーと認識されてしまい、階層化しないという現象が起こります。
3.カテゴリーの並び替え順を変更
「デザイン」→「カスタマイズ」→「サイドバー」内の「カテゴリー」の編集ボタン
並び替え順を「アルファベット順」に変更します。
並び替え順を「アルファベット順」にしなければエラーが発生することもあるそうですので必ず「アルファベット順」にしましょう。
4.スクリプト設定
「デザイン」→「カスタマイズ」→「フッタ」
以下のスクリプトをコピーして貼り付けてください。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://hatena.wackwack.net/v1.1/js/breadcrumb.min.js"></script>
<script src="https://hatena.wackwack.net/v1.1/js/category_archive.min.js"></script>
5.スタイルシートの設定
「デザイン」→「カスタマイズ」→「ヘッダ」→「タイトル下」
以下のスクリプトをコピーして貼り付けてください。
<link type="text/css" rel="stylesheet" href="https://hatena.wackwack.net/v1.1/css/fulldisplay.min.css"/>
コードはすべてid:WorldWorldWorld 様より使用させていただきました。
カテゴリーを階層化した結果
手順どおり進めたところ、うまく階層化できたようです。
今回は20記事程度で少なめでしたが、カテゴリー設定を1記事づつ変更するので結構手間がかかりました。記事数が多い方は少しづつ作業することをオススメします。
デザインを楽しむためのアイデアと知識 カテゴリーの記事一覧 - にせもんのホンモノ
最後まで読んでいただき、
ありがとうございます!
===========================
ブログランキングに参加中です!
励みになりますのでポチッとしてください!
===========================