アラフォーママの雑記ブログスマートフォン用の表示で見るアラフォーママの雑記ブログ4歳差姉妹(小2&年少)の育児に奔走するアラフォーワーママの雑記ブログ。ブログ運営-カスタマイズこんにちは。アラフォーママのあやぞうです。マイペースに書き続けてきたこのブログも開設から半年が経過し、もう間もなく目標の一つである100記事達成まであと一息となりました。いつもご訪問頂きありがとうございます(^▽^)/100記事を目前にして一つどうしても改善しておきたいことがありました。それは、増えすぎたカテゴリーを見やすくすること。行き当たりばったりで記事を書くことが多い私は、カテゴリーをあとから適当につけてしまう癖があります。そのため似たようなカテゴリーが乱立してしまって、毎回仕分けもかなりいい加減になってしまっていました。サイドバーに表示される「カテゴリー」表示も、ズラッと並んでしまって見た目にもイマイチまとまりがない感じ。したものかと考えあぐねていたところ、正にグッドタイミングでじゅりぃさんのこちらの記事を拝見して、早速私もカテゴリーの階層化にチャレンジしてみました!www.jury99.comとってもわかりやすくて参考になったので、私も自分なりに今回のカテゴリー階層化の流れについてまとめてみたいと思います。パンくずリストを有効化するパンくずリストの表示の仕方カテゴリーの階層化step1.カテゴリーの整理step2.カテゴリー表示設定を“アルファベット順”にstep3.スクリプト&スタイルシートの設定step4.反映されているか確認おわりにパンくずリストを有効化する“パンくずリスト”とは、ユーザーが閲覧しているWEBページがサイト内のどの位置にあるのか視覚的にわかりやすく表示したものです。“アラフォーママの雑記ブログ”でも記事ページの上部に表示されています。※このページでは「トップ>ブログ運営>カスタマイズ」と表示されていると思います。はてなブログにはパンくずリストの表示機能が用意されています。チェックひとつで簡単に表示できるのでまだパンくずリストを表示していない人は是非利用してみてくださいね。ちなみに“パンくずリスト”という名前はあの有名な童話『ヘンゼルとグレーテル』の中に出てくるワンシーンで、主人公たちが森の中で迷子にならないように通り道にパンくずを置いていく場面に由来しているそうです。※パンくずリストの表示は任意なので、表示させたくない人は飛ばしてください。「デザイン」→「カスタマイズ」→「記事」の順にクリックし、下の方にあるパンくずリストの「記事ページにパンくずリストを表示する」にチェックを入れます。管理画面で左側の「デザイン」をクリック。「カスタマイズ」(工具マーク)をクリック。下の方にスクロールすると、「パンくずリスト」の設定があるので「記事ページにパンくずリストを表示する」のチェックボックスをクリックしてチェックを入れる。最後に上部の「変更を保存する」をクリックして設定を反映させれば完了です。カテゴリーの階層化では続いてカテゴリーの階層化です。階層化の準備として、まずはメインになる「親カテゴリー」とサブになる「子カテゴリー」を整理しておきます。私のブログではメインとなるカテゴリー(親カテゴリー)を「子育て」「ブログ運営」「ライフスタイル」の3つに絞り、それ以外を「雑記」にまとめることに。それぞれの内容ごとにサブカテゴリー(子カテゴリー)を作りました。それらを階層化表示するために、子カテゴリーのタイトルを「親カテゴリー-子カテゴリー」のようにハイフンでつないで登録します。「母子分離不安」というカテゴリーに分別されていたものは、「子育て」という親カテゴリーの中に入れたいので「子育て-母子分離不安」というタイトルに変更しました。「子育て」という親カテゴリーの中の「母子分離不安」という子カテゴリーですよ~、という表記になります。↓「子育て」のカテゴリ整理後です。子カテゴリー多すぎw後から説明しますが、順番を自分で変えられないのでちょっと不便です。この作業、一つ一つの記事のカテゴリー登録を全部変更しないといけないので地味に大変な作業です(^_^;)私はまだ100記事弱ですが、それなりに時間かかりました。カテゴリーの階層化を考えている方は早めにやってしまった方が楽ですよ~。階層化は「親カテゴリー>子カテゴリー>孫カテゴリー」の3階層まで表示可能だそうです。step2.カテゴリー表示設定を“アルファベット順”に詳しい理由はわかりませんが、階層化したカテゴリーの表示をさせるためにはカテゴリー表示設定を“アルファベット順”にしておく必要があるそうなので、以下の手順で表示設定を変更しておきます。※これを忘れるときちんと表示されないので注意!管理画面から「デザイン」→「カスタマイズ」→「サイドバー」と進み、「カテゴリ」の編集から表示設定を変更します。管理画面で「デザイン」をクリック。「カスタマイズ」(工具マーク)をクリック。「サイドバー」をクリック。「カテゴリー」の右側にある「編集」をクリック。「モジュールを編集」というポップアップが出るので、その中の「並び変え順」を「アルファベット順」に変更して適用ボタンをクリック。※アルファベット順にすると、カテゴリーの並び順を自分で選べません。私の場合はなぜか「はじめまして」が一番上にきました(^_^;)そして次が「ブログ運営」。本当は「子育て」がメインなんだけどなぁ...。step3.スクリプト&スタイルシートの設定ス...スクリプトって何!?というカスタマイズ初心者さんもご安心を。コチラで紹介されているコードをコピペするだけでOKです!blog.wackwack.net記事の中に詳しく説明されているので手順に沿って進めるだけで設定完了です。はい、お疲れさまでした!あとはちゃんと反映されているかどうか確認して問題がなければ終了です。階層化前のカテゴリー表示をスクショしておくの忘れちゃったので、カスタマイズ後しかないですけど...(;^ω^)こんな感じでかなりスッキリしました!親カテゴリーの前にある三角マークをクリックすると子カテゴリーが表示されます。試しに「子育て」の子カテゴリーを開くと...はい、こんな感じです。今まではこれが初めからズラッと並んで表示されてたんですよね~。́▽`o)♪おわりに今回はカテゴリーの階層化とパンくずリストの表示についてまとめてみましたが、いかがでしたでしょうか。みなさんのブログもスッキリしましたか?早めにカテゴリーを階層化しておけば記事が増えてカテゴリーが増えてもスッキリ整理できるので、まだ階層化していないという方はぜひカテゴリーの階層化を実践してみてくださいね。16:30【はてなブログ】カテゴリーの階層化でパンくずリスト&サイドバーの表示をスッキリ改善Tweet関連記事2020-01-07【ブログ運営報告】1年11ヶ月☆ついに1日のアクセス数が100を切りました(泣)こんにちは、あやぞうです。年末年始のお正月休みでガッツリサ...2019-08-09いよいよ大人も夏休み突入!限られた時間を有効に使うために「この夏やりたい10のリスト」を見直しましたこんにちは、あやぞうです。作文発表「小学生になってせいちょうしたなとおもうこと」こんにちは、あやぞうです。昨日、娘の小学校で今年度最後の参...2018-08-01【はてなブログ】ナビゲーションメニュー設置してみました。アラフォーママのあやぞうです。100記事目前にし...2018-06-01【ブログ初心者】簡単カスタマイズ♪サイドバーに「よく読まれている記事」を表示する方法こんにちは。アラフォーママのあやぞうです。はてなブログPro小2&年少の4歳差姉妹を育てるアラフォーワーママです。娘たちのこと、ブログのこと、お役立ち、なんでもアリの雑記ブログを運営中。静岡県西部をはじめとした県内外の子どもとお出かけにお勧めのスポットもレビュー満載でお届けしています!日常の他愛もないできごとを綴った日記ブログ「ズボラママの子育て、ときどきダイエット。実母のスマホデビュー、意外なところで大苦戦!小3&年少姉妹、初めての手作りバレンタイン。無料で絵本を“全ページためし読み”オムツをお得に買うなら月別アーカイブリンクプライバシーポリシーはてなブログをはじめよう!xiaocaiayaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。