【無料はてなブログ】スマホ対応【Minimalism】【Brooklyn】
ブログ開設時にまずやらなければならないことがレスポンシブ対応。
無料プランでもできるSEO対策のひとつ。
レスポンシブ デザイン とは
スマホが一般的になって主流になったウェブデザイン。
スマホなどの小さい画面か、PCなどの大きな画面がを自動的に判定し、画面サイズに適した表示形式に切り替える。
CSSではメディアクエリにより、画面サイズを定義してスマホ用、タブレット用、PC用などと記述していくのが一般的。例えば、
/* スマホ表示 */ @media screen and (max-width: 670px){ /* 適用するデザイン */ }
ほかには Bootstrap の利用とか
レスポンシブデザインのテーマを選ぶ
人気のあるテーマを選ぶべき。
MinimalismもBrooklynもレスポンシブデザイン。
レスポンシブデザインの適用
設定場所は
デザイン > スマートフォン > 詳細設定
「レスポンシブデザイン」にチェックする。
「変更を保存する」をクリックすることで反映が完了する。
Page移動
