絶賛はてなブログカスタム中です
今回ははてなブログにスマホからアクセスしたときの画面を見やすくカスタマイズしてみました
現代のブログの閲覧は大多数がスマホからということなので、見やすくて早いブログにしたいと思います
今回も、ネット上の神様たちの力を借りております
(いつもありがとうございます)
はてなブログスマホ画面変更したこと
ヘッダー画像を追加
デフォルトだと味気ないはてなブログのスマホデザイン
せめてヘッダー画像くらいは表示して自分のブログだってことがわかるようにしたかったので少々変更しました
これははてなの設定からできました
これは単純に「デザイン」「スマホのマーク」「ヘッダー」「画像だけ表示」でオッケーです。
はてなブログの"スマホ ヘッダー"のカスタム【ブログカスタムVol.6】 - 急がば 急いでまわれ!
変更後がこんな感じ
丸のアイコン邪魔だな。。
ヘッダーに最新記事と人気記事へのボタンを追加
ヘッダーに最新記事と人気記事へのボタンを追加できる方法が紹介されていたので追加してみました
スマホのCSSをコピペって書いてあるところがあるのですが、はてなブログでスマホ用のCSSを編集する方法がわからなくて調べました
(ネット上で探せば神は見つかります)
ということで無事スマホ用デザインでもCSSを編集できました
フォントをオシャレにする
トップページの記事一覧のデザインにメリハリをつける
上記2項目はまとめて
はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - Literally
Literallyさんからコピペです
記事中の見出しを変える
見出しは下記サイトを参考にさせていただきました
見出しがいい感じになった!!!
感動ものの変化です!!
目次をちょっとカスタマイズ
スマホの画面だと目次が強調されないで変な感じでした
コチラのサイトを参考にしました
こんな感じになりました
なんか番号つかないけど、いいや。笑
まとめ
はてなブログのスマホ画面をカスタムしてみました
参考にさせていただいたブログの皆様に感謝です