はてなブログ「Simple Gray」のテーマをレスポンシブデザインに対応させる方法

昨日公開したテーマ「Simple Gray」ですが、一応レスポンシブデザインにも対応しています。

モバイル専用テーマがお気に召さない場合は、レスポンシブデザインに対応させることでPCのテイストを残せますので、ぜひ活用してください。

 レスポンシブデザインに対応させるには？

1.レスポンシブデザインにチェックを入れる

はてなブログ管理画面の左メニューから【デザイン】を選択し、モバイルのタブから詳細設定のところに「レスポンシブデザイン」のチェック項目がありますのでチェックを入れてください。もちろん保存を忘れずに！

2.metaタグをheadタグ内に挿入する

はてなブログ管理画面の左メニューから【設定】を選択し、詳細設定のタブから「headに要素を追加」の欄があります。
そこに、下のソースコードを貼り付けてください。もちろん保存を忘れずに！

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">

これでレスポンシブデザインに対応できるはずです。
はてなブログのスマホデザインが気に入らない場合は、ぜひやってみてください。