はてなブログのサイドバーにカテゴリー一覧を表示するには、デザイン設定の「モジュール」機能を使用します。 [1, 2]
設定することで、読者が目的の記事を探しやすくなるリンク付きのカテゴリー一覧を自動で作成できます。 [1, 3]
📂 サイドバーにカテゴリーを表示する手順
- デザイン設定を開く
- はてなブログのダッシュボード(管理画面)にログインします。
- 左メニューの「デザイン」をクリックします。 [4, 5]
- カスタマイズ画面に進む
- 左側の工具マーク(スパナのアイコン)の「カスタマイズ」タブをクリックします。
- メニュー一覧から「サイドバー」を選択します。 [4, 6, 7, 8]
- カテゴリーモジュールを追加する
- 最下部にある「モジュールを追加」をクリックします。
- ポップアップ画面の左メニューから「カテゴリー」を選択します。 [6, 9, 10]
- 表示オプションを設定する
- 必要に応じて、タイトル、並び順(アルファベット順 / 記事の多い順 / カスタム)、記事数の表示有無を設定します。
- 「適用」ボタンを押します。 [3, 11]
- 変更を保存する
- 画面上部の「変更を保存する」をクリックして完了です。 [12]
⚙️ カテゴリーモジュールでできるカスタマイズ
- 並び順の変更:カスタム順を選択すると、ドラッグ&ドロップで好きな順番に入れ替えることができます。
- 記事数の表示:各カテゴリー名の横に、そのカテゴリーに属する記事の総数をカッコ(例:プログラミング (5))で表示できます。
- 表示数の制限:記事数が少ないカテゴリーを隠し、よく使われる主要なカテゴリーだけを表示させることも可能です。 [3, 13]
もし設定中に分かりにくい部分があれば教えてください。例えば、さらに細かく「カテゴリーの階層化(親子関係にしたい)」や「CSSを使った見た目のデザイン変更」をしたい場合など、具体的なご要望に合わせて手順をご案内します。
[1] https://help.hatenablog.com
[2] https://hatenablogmedia.zendesk.com
[3] https://hatenablogmedia.zendesk.com
[4] https://rokuroneko.hateblo.jp
[5] https://help.hatenablog.com
[6] https://iamtamatama.hatenadiary.jp
[7] https://staff.hatenablog.com
[8] https://help.hatenablog.com
[10] https://staff.hatenablog.com
[11] https://staff.hatenablog.com

