低所得の青色申告個人事業主のブログ

開業から経験で得た情報をお知らせしていきたいと思います。

= グローバル ナビゲーション =

【無料はてなブログ】スマホ対応【Minimalism】【Brooklyn】


[ スポンサー リンク ]

ブログ開設時にまずやらなければならないことがレスポンシブ対応。

無料プランでもできるSEO対策のひとつ。

 

 

 

レスポンシブ デザイン とは

スマホが一般的になって主流になったウェブデザイン。

スマホなどの小さい画面か、PCなどの大きな画面がを自動的に判定し、画面サイズに適した表示形式に切り替える。

CSSではメディアクエリにより、画面サイズを定義してスマホ用、タブレット用、PC用などと記述していくのが一般的。例えば、

/* スマホ表示 */ 
@media screen and (max-width: 670px){ 
        /* 適用するデザイン */ 
}

ほかには Bootstrap の利用とか

 

レスポンシブデザインのテーマを選ぶ

人気のあるテーマを選ぶべき。

MinimalismBrooklynもレスポンシブデザイン。

 

レスポンシブデザインの適用

 設定場所は

デザイン > スマートフォン > 詳細設定

f:id:ACC-DNTST:20210608090219p:plain

デザイン > スマートフォン

レスポンシブデザイン」にチェックする。

変更を保存する」をクリックすることで反映が完了する。