無課金ユーザーでもはてなブログのスマホデザイン変更できます
ご存知の方も多いですが、はてなブログのスマートフォン表示はしょぼい。
無課金だとブログアイコン（真ん中の丸いやつ）とアクセントカラー（画面上部のバー）しか変えられない。しかし「レスポンシブデザイン設定」というのがある。
レスポンシブWebデザインとは - はてなキーワード
Webサイトのページデザインを「ブラウザやデバイスの種類」で判別するのではなく、「ブラウザやデバイスの表示幅」で判別して表示を切り替える手法。 スマートフォンやタブレット端末の普及により、それぞれのデバイスに対応させたHTMLファイルを用意するのが一般的だったが、レスポンシブWebデザインを活用すれば、1つのHTMLファイルをCSS3で制御して表示を最適化することができる為、管理や制作が非常にしやすいのが特徴。
設定は、デザイン設定→スマートフォンアイコン→詳細設定→レスポンシブデザインにチェックするだけ。
そして「レスポンシブデザインのテーマ」を設定。はてなブログのテーマ（デザインテンプレ）にはレスポンシブデザイン対応のものとそうでないものがある。ウィンドウの幅を狭くしたとき、サイドバーが画面下部に移動して１列に並ぶものならOK。
とりあえず５つ紹介。（以下のスクショは自分が所有するAQUOS SERIE miniから）
公式テーマのレスポンシブデザイン。PC版も１カラムなのでほとんど印象が変わらず字も読みやすい。
タイトル通りのレスポンシブデザイン。両端の空白は画面幅の狭い機種に合わせたものか。
「Googleの新しいデザインガイドラインであるMaterial Design（マテリアル デザイン）に沿ったスタイル」だそうでかっこいい。CSSをいじってヘッダーの色やフォントを変えることもできる。
こちらも公式テーマから。PC版では上半身しか見えないB!KUMAが全身出てくるのが面白い。サイドバーは横２列に並ぶ。
このブログで使用。ヘッダーの色が変更できる。
