国産品 酔夢譚

国産品を応援するブログです

はてなブログテーマをレスポンシブ対応デザインのMinimalismに変更しました

はてなブログを書きはじめ記事も増えてきたので、少しは見せ方にも工夫をこらした方がいいかなということで、テーマデザインを変えようかといろいろとチェックしてみました。

その結果、レスポンシブデザイン対応のMinimalismというテーマに決定したのですが、今回はその過程を書いてみたいと思います。

f:id:koku3:20180814065344j:plain

はてなブログのテーマをMinimalismに変更するにあたって考慮したこと

今回、はてなブログのテーマをMinimalismに変えるにあたって検討した基本的な考え方としては、以下の4点です。

  • レスポンシブデザインであること
  • 色味が抑えられていること
  • 2カラムであること
  • なによりも、シンプルであること

それらの項目を満たしていたテーマがMinimalismだったのですが、もう少しだけ各項目を掘り下げてみたいと思います。

レスポンシブデザインのはてなテーマについて

はてなブログユーザーがそのテーマを変更するにあたり、まず向かうのはテーマストアだと思います。公式テーマやユーザーが作成したオリジナルのデザインテーマをチョイスすることができます。

はてなブログユーザーが作成したデザインテーマを、自分のブログにインストールできます。

しかし、このテーマストアには細やかな検索機能がありません。あらかじめ用意された「人気順」、「新着順」、「公式テーマ」といった切り口でしか閲覧できないのです。 もちろんテーマを探す人には、さまざまな切り口があるでしょうからキリがないというのもわかりますが、少なくともこのテーマストアでレスポンシブデザイン対応のテーマを探すためには、ひとつひとつのテーマを見ていくしかないのです。

しかも、そのテーマの説明書きに丁寧に「レスポンシブデザイン対応ですよ」と書いてあるかというとそうでもなかったり。。。そこで、今回は人気順でのTOP10のテーマがレスポンシブデザインに対応しているのかをチェックしてみました。

その一覧は以下のとおりです(2018年8月10日現在)

1位 Minimalism レスポンシブデザイン

http://blog.hatena.ne.jp/-/store/theme/8599973812270629022

2位 Brooklyn レスポンシブデザイン http://blog.hatena.ne.jp/-/store/theme/6653586347155924442

3位 Innocent レスポンシブデザイン http://blog.hatena.ne.jp/-/store/theme/6653586347149180725

4位 ZENO-TEAL レスポンシブデザイン

http://blog.hatena.ne.jp/-/store/theme/10328749687225937733

5位 SOHO レスポンシブデザイン

http://blog.hatena.ne.jp/-/store/theme/8599973812277910039

6位 Haruni レスポンシブデザイン

http://blog.hatena.ne.jp/-/store/theme/17391345971624603155

7位 DUDE 非レスポンシブデザイン http://blog.hatena.ne.jp/-/store/theme/6653586347153366095

8位 Under Shirt 非レスポンシブデザイン  

http://blog.hatena.ne.jp/-/store/theme/8599973812333959601

9位 Naked レスポンシブデザイン http://blog.hatena.ne.jp/-/store/theme/6653812171397406126

10位 CONTENTS レスポンシブデザイン http://blog.hatena.ne.jp/-/store/theme/6653812171397613909

さすがは現時点での人気テーマたち、その全てがレスポンシブ対応済でした。これらのうちで、デザインがシンプルであることと色味が抑えられていること、そして2カラムであることを考慮した結果、わたしはMinimalismをチョイスしたのです。

あとがき

読んでいただいてどうもありがとうございます♪ Minimalism、とても気に入っているので、しばらくはこのテーマでいこうと考えています。次は独自テーマを外注したいなと考えています。