everyday-study

【Minimalism】レスポンシブデザイン設定方法

前回はてなブログで一番人気のテーマであるMinimalismのインストールを行いました

 

今回はPCやスマートフォンタブレットのような様々なデバイスの画面に合わせてページを表示してくれるレスポンシブデザインの設定を行います

everyday-study.hatenablog.jp

 

 

 レスポンシブデザインの設定方法は製作者さんのページを見て行いました

hitsuzi.hatenablog.com

 

レスポンシブデザインの設定もインストールと同じくらい、いやそれ以上に簡単です!

 

1:ダッシュボードの「デザイン」をクリック

f:id:hachipochi5:20201120171933p:plain

 

2:「スマートフォンのアイコン」をクリック

f:id:hachipochi5:20201120195549p:plain

 

3:「詳細設定」の「レスポンシブデザイン」にチェックを入れるだけ!

f:id:hachipochi5:20201120195712p:plain

 

たっだこれだけでレスポンシブデザイン対応できちゃいます!

 

チェックを入れたら必ず変更を保存しましょう

 

他にもMinimalismのカスタマイズについて書いています

everyday-study.hatenablog.jp

everyday-study.hatenablog.jp

everyday-study.hatenablog.jp

everyday-study.hatenablog.jp

everyday-study.hatenablog.jp

everyday-study.hatenablog.jp