いちcafe日記

一日、いちcafe。大好きな毎日のカフェタイムに思うこと、学び得たこと、実践したことを綴っています。

はてなブログのデザイン「Minimalism」をレスポンシブデザインに設定する方法

超簡単!はてなブログのデザイン「Minimalism」をレスポンシブデザインにする方法

 

ブログ開始3ヶ月目に、はてなブログのデザインを「Minimalism」に変更して、カスタマイズしてみたシリーズ。

 

今回は、そのステップ2:

レスポンシブデザインに設定

についてご紹介します。

 

デザインテーマ「Minimalism」の「使い方・注意事項」ページを見ながら行うだけの、簡単操作です。(^ ^)

f:id:kayoko_cafe:20200330172028j:plain

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

「レスポンシブデザイン」は、PC・タブレットスマホのどの端末から見ても、形崩れせずに最適なサイズ感で表示させられるデザインのこと。

どの端末からもストレスなく見てもらえるように、このデザインテーマでもレスポンシブデザインに設定します。

 

レスポンシブデザインに設定する

やることはクリックだけで超簡単! 

 

ブログの管理画面

 ↓

デザイン

 ↓

スマホのアイコン

 ↓

詳細設定

 ↓

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

 ↓

変更を保存する

 

で完了です!

 

私の場合は、すでにチェックが入っていて、確認だけで終わったという。(笑)

 

 

で、次に行ったのが、ナビゲーションの設置。

私のよく分からんCSSってやつ。(笑)

でも、コピペ作業だったので、難しくなかった!

 

 

kayoko@おうちcafe

 

 

はてなブログのデザインを「Minimalism」に変更して、カスタマイズしてみたシリーズ

 

 

✳︎ はてなブログのテーマストアから「Minimalism」をインストール

✳︎ レスポンシブデザインに設定   (ここ)

✳︎ ナビゲーションメニューを設置

✳︎ ナビゲーションメニューの変更

✳︎ 記事下にシェアボタンが表示されるよう設定

✳︎ 記事内の見出しデザインを変更 

✳︎ お問い合わせフォームの設置