ブログはてなブログProにしたのでスマホでのデザインが色々変えられる様になりました。今回もど素人の私が色々カスタマイズしたので紹介します。今回も色々な方のブログを参考にして作りました。この場を借りてお礼を申し上げます。変更前のスマホ表示はこんな感じ。何一ついじっていません。アクセス解析を見たら大半はスマホでブログに来てくださっているのに今まで何もスマホ対策をしていませんでした。ちなみにパソコン用のデザインはDUDEを使っています。はてなブログレスポンシブ対応ではないので一つ一つ変えていく形をとっています。『スマートフォン用に画像を設定する』にチェックをいれて画像をアップロードします。ブログアイコンが邪魔だったので表示設定で『画像だけ表示』にチェックを入れてブログタイトルとともに消しました。(ブログアイコンもダサイですよね、いつか変えよう)その代わり画像そのものにブログタイトルを入れています。私が使っている画像サイズは横幅640×高さ約360pxです。ヘッダーを消す&グローバルメニューを入れるProにするとパソコン版のヘッダーとフッターを表示しない設定が出来ますが、スマホ版は何故かありません。ちなみにココの部分です。必要性が感じられないので表示しないように設定します。参考ブログはコチラ↓www.junpeihazama.comヘッダーとヘッダーを消すとその部分が余白として残るのでその余白を消す設定が載っています。グローバルメニューの入れ方も最後の方に載っています。シンプルなグローバルメニューなので使いやすいかと思います。私の場合は色を黒からグレーに変えました。見出しはそのままだと味気ないのでメリハリを付けるためにも変更しておきたいところです。参考ブログはコチラ↓tsukuruiroiro.hatenablog.comパソコン用のデザインDUDEを作ってくださった方です。記事の中の中見出しのCSSなので大見出しのh3で使いました。あと記事一覧のデザインの変更は画像サイズを大きくなりいい感じになるので取り入れました。色みを変える予定です。目次を自動で表示するやっぱり目次があった方がいいのかなと思って入れています。はてなブログには簡単に目次を入れる方法がありますが、記事を書くたびに自分で入力する必要があるので正直面倒くさい。staff.hatenablog.comそれに目次を追加できるようになる前からPCでは自動で出るように設定していた為、スマホでも同じように設定しました。自動で目次が出る入れ方ですがどこを参考にしたか忘れました。はてなブログ検索したら簡単に出ますが、だいたいが目次が一番上に出てくるように設定されているものです。私が使っているのは最初の見出しの前に入るように設定されています。記事上に入力するコードの一部分を赤字のようにすると最初の見出しの前に入ると思います。h3:eq(0)");}CSSは見出しの時にいれたものが反映されてるみたいでそのまま使っています。別に画面下にSNSボタンが付けたかったわけではないですが、たまたま見かけて一目惚れでつけました。何が良いってスマホの画面下ずっとにあるのにあまり気にならないところ。付け方はこちら↓bloglab.naenote.netfeedlyのボタンは記事上に設置。ボタンはここから作成出来ます。www.feedly.comスマホに設置するので小さいボタンにしましたが、押しずらいのが難点。出来上がりカスタマイズした後のブログはこちら。↓記事ページ↓アドセンス広告の部分は念の為モザイク入れています。素人がいじったにしてはいい感じかと思います。よければ参考にしてみて下さい。ネットショッピングをしたらお金が戻ってく...2017-09-14ニトリの麦茶ポットは洗いやすいし注ぎやすい使っていた麦茶ポットが割れてしまったので急遽購入する事にな...2017-06-10fifthの激売れフリルブラウスレビュー!色違いが欲しくなるほどの良品だが色選びは間違えるな以前購入したfifth(フィフス)のフリルブラウスです。このフ...2016-02-08H&Mの古着回収で500円クーポン貰いました以前記事で紹介しましたH&Mの古着回収サービスを実際に利用して...2015-11-29お菓子入りのアドベントカレンダー買いましたクリスマスに向けてアドベントカレンダーを買いました。はてなブログProアラフォー、2児の母です。お安いコーデでおしゃれに着こなしたいです。骨格診断はナチュラル。犬を飼っていますが実は猫派。ENTRIES2019-12-06ワークマンMA-1はひとつじゃない!商品の特徴と評価をまとめました【2019年度版】2019-10-16業務スーパーの大福がまずいはウソ!カロリー摂りすぎるから食べすぎには気を付けて2019-10-07【クッキングプロレビュー】操作が簡単!機械音痴でも簡単に1品作れます2019-09-15オイコスをちょっとアレンジする食べ方紹介!少しの工夫で美味しい&ヘルシー2019-06-09料理嫌いが低温調理器BONIQ(ボニーク)でステーキを作った【レビュー】プライバシーポリシーお問い合せスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。