Livedoorブログで子カテゴリにインデントと – (ハイフン) をつけた

[最終更新] 2016年11月16日

あまりちゃんと使ってこなかったカテゴリ機能を、いい加減少しはまともにしようと思い、整理しています。とりあえずせっかくカテゴリに親子を作れるのだからと、子カテゴリを作りました。しかし、恐らくこれはブログデザインに何を採用しているかによると思うのですが、当ブログが使っているデザインでは、そのままだと子カテゴリと親カテゴリがそのまま並んでしまい、たいへんわかりづらい（下図）。

子カテゴリにインデントをつけ、更に行頭に – (ハイフン) をつけることで、親子関係をハッキリさせようと思います。ライブドアのヘルプに参考記事があったので（「カテゴリの親子関係を作る – livedoor Blog ヘルプセンター」）それを参考にし、ブログ設定→カスタムJS→カスタマイズ→CSS タブレットの末尾に、以下のコードを追記しました。

.sidebody.category-child {
padding-left: 12px;
}
.sidebody.category-child:before {
content: "- ";
}

.sidewrapper .side .sidebody.category-child …とするのが記事通りなのですが、.sidewrapperと.sideがよくわからなかったので.sidebory.category-childのみとしました。最初の命令で左に12pxの余白を取るように指示し、次の命令で行頭に – (ハイフン) をつけるように指示しています。結果は以下の様になります。

わかりやすくなったのではないでしょうか。まぁ一番大事なのは、どのようにカテゴリを作るかなのですが。

自分のブログを振り返り、また他人の目のつもりで当ブログを見返すと、ハードウェア単位で区分けするのがよいように思えました。また、こうしてカテゴリを分けることで、ああこのブログはこれらの話題が多いんだな、じゃあ次もこのへんで記事を書こうかな、なんていう考えも浮かんだので、カテゴリを考えるのは読者よりむしろブログ管理人にとって有益なことかもしれません。自分のブログがなんたるかを考えるよい機会と言えます。

関連記事

スポンサーリンク