はてなブログの階層化をやってみた
はてなの階層化 細分化
記事が増えカテゴリーも増え、ごちゃごちゃして読みにくいので、階層化して整理しました。
記事が少ないうちに整理しましょう!
だいぶ読みやすくなります
カテゴリーの階層化は、ネットで調べながら以下の手順で行いました
詳細は、階層化のスクリプト, スタイルシートを作成された作者の方
こちらのブログを参考にさせていただきました
ここで使用するブログパーツ(スクリプトやCSSファイル)は、作者のレンタルサーバから提供しているため予告なく機能が停止する場合があります
サイドバーを編集
カテゴリーの表示順の設定
(1) デザイン→カスタマイズ→サイドバー→カテゴリ→編集を選択
並び替え順 で アルファベット順を選択し、適用
(2)スクリプトの設定
デザイン→カスタマイズ→フッタを選択
html編集で、以下の3行を追加
<script src="">https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js">
<script src="">https://hatena.wackwack.net/v1.1/js/breadcrumb.min.js">
<script src="">https://hatena.wackwack.net/v1.1/js/category_archive.min.js">
(3)スタイルシートの作成
はてなブログの管理ページから デザイン→カスタマイズ→ヘッダと進み、以下のスクリプトを貼りつけます
<link type="text/css" rel="stylesheet" href="">https://hatena.wackwack.net/v1.1/css/fulldisplay.min.css"/>
【はてなブログ】公式パンくずリストの階層化とカテゴリーのアーカイブ表示を行うブログパーツを作りました - 小さな星がほらひとつ
動作確認
記事のカテゴリーを、以下のルールで階層設定
画像のように、「ガジェット」の中に「Anker」を追加するとします
親のカテゴリー「ガジェット」を作成
子のカテゴリー「ガジェット-Anker」を作成
ルールは
親のカテゴリー名「-」子のカテゴリー名"
- は半角文字
動作や表示がおかしいときは
最後に
カテゴリーの階層化は、2-3階層程度がユーザーへの負担も少なく、効率的に操作できると言われています