はてなブログのサイドバーにカテゴリーを追加する方法

はてなブログのサイドバーにカテゴリー一覧を表示するには、デザイン設定の「モジュール」機能を使用します。 [1, 2]

設定することで、読者が目的の記事を探しやすくなるリンク付きのカテゴリー一覧を自動で作成できます。 [1, 3]

📂 サイドバーにカテゴリーを表示する手順

  1. デザイン設定を開く
    • はてなブログのダッシュボード(管理画面)にログインします。
    • 左メニューの「デザイン」をクリックします。 [4, 5]
  2. カスタマイズ画面に進む
    • 左側の工具マーク(スパナのアイコン)の「カスタマイズ」タブをクリックします。
    • メニュー一覧から「サイドバー」を選択します。 [4, 6, 7, 8]
  3. カテゴリーモジュールを追加する
    • 最下部にある「モジュールを追加」をクリックします。
    • ポップアップ画面の左メニューから「カテゴリー」を選択します。 [6, 9, 10]
  4. 表示オプションを設定する
    • 必要に応じて、タイトル、並び順(アルファベット順 / 記事の多い順 / カスタム)、記事数の表示有無を設定します。
    • 「適用」ボタンを押します。 [3, 11]
  5. 変更を保存する
    • 画面上部の「変更を保存する」をクリックして完了です。 [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

[9] https://q.hatena.ne.jp

[10] https://staff.hatenablog.com

[11] https://staff.hatenablog.com

[12] https://staff.hatenablog.com

[13] https://help.hatenablog.com

技術情報
楽天市場

タイトルとURLをコピーしました