■人生単純化計画■

自堕落な生活を改善中。シンプルライフに憧れ目指しつつもシンプルライフの真逆を行ってしまうというジレンマ。でも日々楽しく生きたい独身アラサー女子SEの雑記です。料理や買い物記録、コスメレビュー、書評等も書きます。ブログ初心者なので試行錯誤中です。

MENU

【ブログ運営】スマホ表示をPC版と同じにしました【はてなブログ初心者向け】

 

こんばんは。今日の東京はいい天気でした。

 

スマートフォンでのブログ表示をPC版と同じになるように設定しました。

今までスマホから訪問された方、見づらくて申し訳なかったです。

PC版と同じ表示で、各記事全体がトップページから見られるようになりました。

 

 

はてなブログでのスマホ表示変更方法メモ

 f:id:panther_8:20161017013802p:plain

Before:今までのスマホでの表示

 

スマホでのブログ表示をPC版と同じにする=レスポンシブデザインに設定します。

(1) 管理画面で「デザイン」ボタンを押下する。

f:id:panther_8:20161017020152p:plain

 

(2) デザイン設定画面に移行したら、「スマートフォン」タブを選択する

 f:id:panther_8:20161017020154p:plain

 

(3) 「詳細設定」ボタンを押下する。

f:id:panther_8:20161017020156p:plain

(4) 「レスポンシブデザイン」のチェックボックスをONにして、

 「変更を保存する」ボタンを押下して、完了!

f:id:panther_8:20161017020157p:plain

 

Before→Afterの画面

【Before】

f:id:panther_8:20161017013802p:plain

 

【After】

f:id:panther_8:20161017013816p:plainf:id:panther_8:20161017013819p:plain

 

まとめ

ブログ初心者故、今までスマホ版の画面表示について見落としていました。

今後は試行錯誤しつつ、

より見やすく、また楽しんでいただけるブログにしていきたいと思っておりますので、

今後ともよろしくお願いします。

 

≪ここまでお読みいただき、ありがとうございました。≫