mocharina*布あそび

3匹のモルモットと趣味のテニス、大好きなキルトや小物作りのあれこれを綴ったブログです。

はてなブログ・コピペするだけ、簡単なカテゴリーの断層化

こんにちは、モカリーナです。

 

この度、旅ブログを作成した時にカテゴリーの断層化をしました。

モカリーナはカテゴリーの断層化は2断層でしています。

記事数が増えると作業が大変になるので、後々していこうと思っています。

 

カテゴリーの断層化をし、「パンくずリスト」を有用するとSEO対策にも強くなるとのことです。

カテゴリーがスッキリしているとご訪問いただいた方も記事が読みやすいですし、

見た目にも気持ちいいですよね(*´꒳`*)

 

まだカテゴリーの断層化をされていない方は参考になさってください。

 

f:id:mocharina09:20190407115147j:image

 

 

カテゴリーの断層化

 

こちらのサイトにお世話になりました。

モカリーナの説明で分かりづらいときは参考にしていただけると、よりよく出来ると思います。

 

【はてなブログ】公式パンくずリストの階層化とカテゴリーのアーカイブ表示を行うブログパーツを作りました - 小さな星がほらひとつ

 

パンくずリストを有効にする

カテゴリーを疑似的に断層化して登録することで、 はてな公式のパンくずリストを断層表示できます。

 

f:id:mocharina09:20190407215443p:plain

 

はてなブログの管理画面から「デザイン」→「カスタマイズ」→「記事」と進みます。

下の方にある「記事ページにパンくずリストを表示する」にチェックを入れます。

 

f:id:mocharina09:20190407095436p:plain

 

※忘れずに「変更を保存する」を押す。

 

スクリプトの設定

 

管理画面から「デザイン」→「カスタマイズ」→「フッタ」に、

下記のスクリプトをコピペして貼り付けてください。

 

f:id:mocharina09:20190407095608p: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:mocharina09:20190407100208p:plain

 

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

 

※忘れないように「変更を保存する」を押す。

 

カテゴリーの登録

 

記事のカテゴリーを以下のルールに従い、登録または設定しなおします。

  • 「親カデコリ-子カテゴリ」という命名規則で、擬似的な階層を表すカテゴリを登録する。
  • 「親カテゴリだけ」のカテゴリを必ず登録する。
  • カデコリの並び順が「親カテゴリ」→「親カテゴリ-子カテゴリ」となるように登録する。
(参考にさせていただいたサイトより) 

 

下準備 

 

まずカテゴリーをどのように分かるかを決めておきます。

 

旅のブログを例にとってみます。

<親カテゴリー>

  • 国内旅行
  • グルメ
  • 登山 

<子カテゴリー>

更に国内旅行を

  • 九州
  • 岡山
  • 広島

 に分けることにしました。

 

 <孫カテゴリー>

追記:試しに岡山の孫カテゴリーを1つ分けてみました。

  • 倉敷市

で作成しました。

 

親カテゴリー・子カテゴリー・孫カテゴリーの登録

 

カテゴリーの登録は管理画面「記事を書く」、

右側の「カテゴリー」欄をクリックし「+新しいカテゴリー」でカテゴリーを登録します。

 

f:id:mocharina09:20190407221059p:plain

 

<親カテゴリー>

  • 国内旅行

で「OK」を押す。

f:id:mocharina09:20190407102333p:plain

 

<子カテゴリー>

  • 国内旅行-九州   (ハイフンは半角です)

で「OK」を押す。

f:id:mocharina09:20190407101927p:plain

 

<孫カテゴリー >

  • 国内旅行>岡山>倉敷市 (ハイフンは半角です)

で「OK」を押す。

f:id:mocharina09:20190407202825p:plain

カテゴリー欄

 

管理画面→「カテゴリー」

並び順は登録した順になるのですが、このままで大丈夫です。

 

カテゴリーを削除したい場合やカテゴリーの名前を編集したい場合は、右横のボタンで操作出来ます。

 

f:id:mocharina09:20190407103655p:plain

 

サイドバーにカテゴリー欄を作る

 

「デザイン」→「カスタマイズ」→「サイドバー」をクリック。

 

f:id:mocharina09:20190407104209p:plain


「+モジュールを追加」をクリックして、左端の「カテゴリー」を選択する。

f:id:mocharina09:20190407104942p:plain

 

カテゴリーの並び順は「アルファベット順」にしてください。

f:id:mocharina09:20190407110125p:plain


 ※「適用」を押す。

 

トップ画面のカテゴリー欄の配置替え

 

サイドバーの1番下に「カテゴリー」が入りました。

f:id:mocharina09:20190407110918p:plain

 

このサイドバーの並び順は、このままトップ画面に反映されます。

「カテゴリー」欄を並び替えたい位置にドラッグ&ドロップします。

(ドラッグ&ドロップ=左クリックしたまま移動する。)

f:id:mocharina09:20190407110529p:plain

 

※忘れないように「変更を保存する」を押す。

 

トップ画面を確認

 

トップ画面を確認してください。

 

f:id:mocharina09:20190407215541p:plain

 

カテゴリーの▲をクリックする子カテゴリーと孫カテゴリーが出てきます。

試しに1つ作った孫カテゴリーは「岡山」下に並んでいます。

 

f:id:mocharina09:20190407203425p:plain

 

※3断層してもパンくずリストを断層表示は、親カテゴリーと子カテゴリーの表示となります。

 

注意点 
 

注意点は

  • 「変更を保存する」を忘れないようにすること
  • 「国内旅行-岡山」のハイフンは半角

(モカリーナの失敗談より。)

 

記事数が増えるとカテゴリーの登録に時間かかります。 

このブログも旅のブログも3断層にしていませんが、様子をみてしていこうと思っています。

 

  

先日ブックマークでコメントいただいた、チャック(id:satoue)さん。

カテゴリー分けの設定にお困りとのことでした。

チャックさんは、とても素敵な温かな絵を描かれています。

 

モカリーナの方がう~んと知識がないのですが、 

カテゴリーの断層化にお役に立てればと記事にしました。

説明が不十分なところが多々あるかと思います。

 

このブログのカテゴリーを気に入っていただけましたら、参考になさってください。

何かありましたら、ご質問くださいね。 

 

www.mocharina.com

 

では明日また、モチャー  イナ(*'▽'*)!

 

最後までお読みいただき、ありがとうございました。

 

モカリーナより♡

 

minne.com