はてなブログでレスポンシブルデザインにしてみた

レスポンシブルデザインって知ってますか？

ブログ初心者の私は？？？でした

レスポンシブルデザインってどうやらＰＣとスマホでデザイン表示が同じになるみたいです

 

 はてなブログですと初期の設定でスマホはＰＣと同じ表示になりません

せっかく　自分のセンスでいろいろ設定したデザインがスマホで見ていただけないなんて悲しいですよね

なので　レスポンシブルデザインにしてしまおうと思います

レスポンシブルデザインにするにはレスポンシブルデザインに対応しているデザインを選ばなければならないようです

私が使っている　ｋａｎａｈｅｉさんのデザインはレスポンシブルデザイン対応って紹介している人はいませんでした

でも紹介文がすこし切れてしまうみたいですが使えそうです

まずやることは　ダッシュボード→デザイン→カスタマイズ→ｃｓｓデザインを開き

/* Responsive: yes */

を記述して

デザイン→スマホ→詳細設定でレスポンシブルデザインにチェックをいれるだけです

くわしくはこちらの方のブログを参考にさせてもらいました

happylife-tsubuyaki.hatenablog.com

しかも　無料版のはてなブログでもスマホでＡｄＳｅｎｓｅが表示できるみたいですヽ(^。^)ノ

簡単なのでおすすめ♪