はてなブログの簡単カスタマイズ技まとめ
■はじめに
筆者がはてなブログで自分のブログを立ち上げてから、あれこれとデザインのカスタマイズを行ってきました。基本はスタイルシートのコピペとわずかな修正ですが、けっこう多様なカスタマイズが可能だということが分かりました。
これまで、筆者が実際に行ってきたカスタマイズをそれぞれ記事にしてきましたが、記事の数が増えてきたので、インデックス代わりにまとめることにしました。前提としては、全て無料版のはてなブログでもできるものばかりです。
■①レスポンシブデザインの適用
はてなブログは、PC向けのデザインと別にスマホ向けのデザインが準備されており、スマホからアクセスすると、自動的にスマホ向けのデザインを表示してくれます。したがって、デザインのカスタマイズはPC向けとスマホ向けそれぞれに対して行う必要があります。また、無料版のはてなブログでは、スマホ向けのデザインを変更することができません。
しかし、レスポンシブデザインを適用すると、スマホに対してPC向けのデザインを表示することができるようになります。
■②見出しの変更
普段何気なく使っている見出しですが、見出しのデザインやカラーリングを変えるだけで、ブログの印象がぐっと変わります。方法は簡単、スタイルシートにコードをコピペしたら、後は自分の好みに合わせて修正するだけです。
■③本文の変更
ブログの記事本文の文字サイズは、人によっては気になるポイントだと思います。選んだデザインテーマによっては、デフォルトの文字サイズがしっくりこないこともありますので、そんな時は自由に変更してみましょう。
■④ブログタイトルの変更
ブログのタイトルは、アクセスしてくれた人の目に常に触れる箇所です。ブログの玄関とも言えるブログタイトルには、特にこだわりを持ってカスタマイズしてみると良いですね。
■⑥サイドバーのデザイン変更
本文や見出しのデザインを変えると、サイドバーのデザインも合わせたくなってくると思います。カスタマイズは、基本的に見出しの変更と同じ方法になりますので、ブログ全体のデザインを統一してみましょう。
■⑧グローバルメニューを配置する
タイトル下にグローバルメニューを配置すると、そのブログではどんなジャンルを扱っているのかが分かりやすくなり、ブログ内での回遊率アップにもつながります。
■さいごに
スタイルシートの修正などは一見すると難しそうなので、敬遠してしまう方が多いかもしれません。しかし、実際にやってみると案外簡単にできてしまうものです。紹介させていただいた中から、一つでも試してみられると良いかと思いますので、ぜひお試しください。