Notes

メモ書き

はてなブログのレイアウトをPCとスマフォで同じにする

 はてなブログで僕が使用している「中見出し」のレイアウト

(「バッテリーの減りが早い?!」のところです)

f:id:cask-st:20170719201650p:plain

PC側ではこんな感じ(↑)で表示されていて気に入っていたんですが、

スマフォ画面で見ると、こんな感じ(↓)で中見出しのレイアウトがなくなってしまうんです。

(ただの太い文字にしか見えない。。)

f:id:cask-st:20170719202442p:plain

 レスポンシブデザイン設定をしてみる

ブログの [設定] > [デザイン] > [スマートフォン] > [詳細設定] に 「レスポンシブデザイン」という設定があります。

書いてある通り、スマフォでもPCと同じデザインで表示する!という設定になります。

これにチェックを入れて保存。

f:id:cask-st:20170719202930p:plain

 

 

中見出しがPC版と同じレイアウトになりました!

f:id:cask-st:20170719203049p:plain

ひとつ注意点

画面を下にスクロールしていった際に、画面上部のメニューが表示されないんです。

(「Hatena Blog」って書いてあるとことです。)

 

僕はこれでもいいかと思っているんですが、もしレスポンシブデザインに設定する場合、そこだけは注意です。