日刊  おっさんの人生これから大逆転だぜえ!(日本史+史跡+旅情報)

普通の会社員の“おっさん”が、パワースポットや史跡、戦跡を巡った記録です。旅行に出かけるときの参考にしてね! 史跡や歴史から学び 運気を上げて、“人生大逆転”を狙います。

MENU

はてなブログで記事を分類~カテゴリーの階層化をする方法~

f:id:reiwa00502:20220212154942p:plain

 

このブログ「おっさんの人生これから大逆転だぜえ」が開始から1000日連続投稿となりました。

全記事数が1000を超えましたが、せっかく書いたのに、記事の多くがブログの中に埋没しています。

これでは凄く勿体ないので、これまで書いた記事にカテゴリーを付けて分類化し、右サイドに欄を設けました。

下の図のようになりました。

f:id:reiwa00502:20220212115434p:plain

これでサイトに来てくれた人に検索してもらい色々な記事を見てもらえそうです。

 

今回は、この作業が凄く簡単なのでこの方法=カテゴリー化の方法を

紹介します。

 

 

(単純にカテゴリー化する方法)

 

①カテゴリーを決める

まずは、これまでの記事をもとに「ブログ」とか「今日は何の日」とかカテゴリー名を

決めます。

紙に一覧を列挙したほうがいいですよ。

 

②記事にカテゴリーを設置

PCで、はてなブログの「記事の管理」→「記事編集画面」→「編集サイドバ」→「カテゴリー」タブ(下の図で赤で囲んだ部分)をクリックして開きます。

カテゴリー入力欄に直接記入するか、下にある「+新しいカテゴリー」をクリックして開き、文字を入力し設定します。

f:id:reiwa00502:20220212120708p:plain


③設定したカテゴリーの削除方法

カテゴリーを消すには、

設定したカテゴリーの枠内に表示されている×印をクリックします。

そうすると、編集中の記事からそのカテゴリーが削除されます。

 

④ブログのサイドバーにカテゴリーを表示する方法

こうして記事の1つ1つにカテゴリーを設定したら、分類したカテゴリーをブログの

サイドバーに表示するように設定します。

やり方は、ブログの「デザイン」→上のスパナマークの「カスタマイズ」→「サイドバー」→「モジュールを追加」をクリック。

中を開き「カテゴリー」をクリックし青色の「適用」を押す。

f:id:reiwa00502:20220212123816p:plain

 

⑤カテゴリーの並び替え方法

ブログの「デザイン」→上のスパナマークの「カスタマイズ」→「サイドバー」→

「カテゴリー」をクリックし、「並び変え順欄」で「カスタム」を選び

カテゴリー名をドラッグして、好きな順に並べ替えます。

最後に青い「適用」を押すのを忘れずに。

f:id:reiwa00502:20220212124435p:plain

 

(さらにカテゴリーを細分化したいとき)

上記で紹介したカテゴリー化よりも、さらに細かくしたい場合もありますよね。

例えば、、

f:id:reiwa00502:20220212121931p:plain

こんな感じですね。

このようにしたいときは、以下の方法です。

 

パンくずリストにチェックを入れる

ブログメニューから「デザイン」→上のスパナマークの「カスタマイズ」→「記事」にいき、下の方にある「記事ページにパンくずリストを表示する」にチェックを入れます。

f:id:reiwa00502:20220212122356p:plain

 

②ヘッダの設定

「デザイン」→上のスパナマークの「カスタマイズ」→「ヘッダ」にある「タイトル下」という欄に下の文字まるまる貼り付けてください。

f:id:reiwa00502:20220212122636p:plain

【以下の文字です】

 

<link type="text/css" rel="stylesheet" href="https://hatena.wackwack.net/v1.1/css/fulldisplay.min.css"/>

もし、この部分に広告コードなどが記述してある人は、改行して新しい行に貼り付けてください。

 

③フッタの設定

「デザイン」→上のスパナマークの「カスタマイズ」→「フッタ」に下の部分を貼り付けてください。

f:id:reiwa00502:20220212122847p:plain

【以下の文字です】

 

<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>

 

もしこの部分に広告コードなどが記述してある人は、改行して新しい行に貼り付けてください。

 

④カテゴリーの表示設定

「デザイン」→上のスパナマークの「カスタマイズ」→「サイドバー」→「カテゴリの編集」→並び替え順を「アルファベット順」に変更してください。

変更し終わったら、「適用」ボタンを押してください。

(先ほどは「カスタム」でしたが、ここではいったん「アルファベット順」です

そして、「カスタム」で順番入れ替えを行います)

 

これでカテゴリーの階層化の準備完了です。

そして、ここが重要ですが今までの設定を「保存」してください。

 

 

⑤カテゴリーの階層化(サブカテゴリーの設定)

サブカテゴリーを作成したい記事の編集画面に移動します。

編集画面右側の「カテゴリー」をクリックし

主となるカテゴリーを選択します。(例:日本軍関係)

次に、サブカテゴリーを直接入力します。

主カテゴリーを入力し、サブカテゴリーを入力。主カテゴリーとサブカテゴリーの間を小文字のハイフンでつないでください。(例:日本軍関係-日清日露戦争)

※ワードとワードをつなぐハイフンは『-(小文字のハイフン)』ですよ。

 

一通り終えたら記事を公開してうまく作動するかを確認します。

f:id:reiwa00502:20220212125030p:plain

下の画像のように、サイドバーのカテゴリーに黒い三角形が出来ていれば成功です。黒い三角形をクリックすると入力したサブカテゴリーが開くようになっているはずです。

     f:id:reiwa00502:20220212125306p:plain

黒い三角形をクリックするとこんな風になります。

f:id:reiwa00502:20220212125412p:plain

 

⑥カテゴリーの並び替え方法

ブログの「デザイン」→上のスパナマークの「カスタマイズ」→「サイドバー」→

「カテゴリー」をクリックし、

「並び変え順欄」で「カスタム」を選び

カテゴリー名をドラッグして、好きな順に並べ替えます。

最後に青い「適用」を押すのを忘れずに。

f:id:reiwa00502:20220212124435p:plain

 

※アドバイス

今回、おっさんは、ブログ開始から2年9か月たった時に、記事数が1000を超えた状態で、この、カテゴリーの階層化を行いました。

さすがに1000記事あると作業に2日間かかりました。

これは大変でした。

ですから、この作業は記事数が少ない状態の方が絶対いいですよ

 

・・・ということで

カテゴリーを階層化したブログ

「おっさんの人生これから大逆転だぜえ」を

引き続きよろしくお願いします!!