はてなブログのカスタマイズ方法②～レスポンシブデザイン～

はじめに

無料版のはてなブログでは、スマホ用の画面がカスタマイズ出来ないなど、有料版（pro）に比べて使えない機能が数多くあります。

月々1,008円（２年契約で月600円）を払ってまでproに移行すべきかどうか迷いますね。

そこで今回は、無料で行える「レスポンシブデザイン」について解説します。

レスポンシブデザインって？

スマートフォンでもPCと同じデザイン設定でブログを表示します。レスポンシブデザインのテーマを設定しているときのみ使用してください。 

まずは「レスポンシブデザイン」対応のテーマを選択し、適用しましょう。

レスポンシブデザインに対応したテーマはこちらを参考にさせて頂きました。

対応したテーマを上記のサイトで確認したら、実際に適用してみましょう。

ダッシュボード＞デザイン＞モバイル＞詳細設定＞レスポンシブデザイン適用にチェックで完了です。

最後にデザインCSSに以下を入れれば完了です。

/* Responsive: yes */

場所は、ダッシュボード＞デザイン＞スパナ＞デザインCSSにあります。

「変更を保存」すれば、モバイルで見た時にPC版と同じように見えるはずです。