![スマホ by photoAC](https://farm6.staticflickr.com/5641/21291970370_2178b233ca.jpg)
最近、ブログカスタマイズにはまっています。
このブログも半数以上がスマホから見てくださっています。スマホ版が見やすくなるように、5つのカスタマイズをしました。
- ヘッダの非表示
- ヘッダ画像
- 読者ボタン
- 見出しのデザイン
- はてな関連のリンク削除
順にご紹介しますね。
目次
ヘッダ部分
1.ヘッダ非表示
この部分は正直なくてもよいと思うので、非表示にしました。
![スマホカスタマイズ、ヘッダー](https://farm1.staticflickr.com/728/21477314146_a6fe36fe43_n.jpg)
こちらの記事を参考にしました。
2.ヘッダ画像の設置
こちらの記事を参考にしました。
画像に文字を入れるのは、こちらのサイトを利用しました。
画像を設置したあと、なぜか検索マークが残ってしまったので、ヘッダに検索窓の非表示コードを入れて消しました。
![スマホカスタマイズ、検索窓](https://farm6.staticflickr.com/5739/20880795334_e6354ab6c4_n.jpg)
こちらの記事を参考にしました。
記事上で今までに行ったカスタマイズ
◆タイトル画像の下に、カテゴリプルダウンを設置
→パンくずリストとプルダウンメニューの作成~初心者がつまづいた2点をご紹介 – シンプルライフで楽に楽しく
記事中
3.読者ボタンの設置
ソーシャルボタンの下の目立つ位置に設置しました。
![スマホカスタマイズ、読者ボタン](https://farm1.staticflickr.com/727/20885237983_1fb64ae76a_n.jpg)
「ダッシュボード」→「設定」→「詳細設定」で、自分のブログの読者になるボタンのHTMLコードがあります。これを記事下に貼りました。
4.見出しのデザイン
見出しが目立つようにしました。パソコン版と同じデザインです。
記事中で今までに行ったカスタマイズ
◆文中にアドセンスを入れる
◆パンくずリストとプルダウンメニュー
→パンくずリストとプルダウンメニューの作成~初心者がつまづいた2点をご紹介 – シンプルライフで楽に楽しく
◆お問い合わせとfeedly
→メールフォームと feedlyボタンを設置 – シンプルライフで楽に楽しく
◆関連記事の表示
[ホーム] → [サービス情報] → [Milliard関連ページの詳細] を見てください。
フッタ部分
5.はてな関連のリンクを削除 (プロフィールと注目記事だけ残す)
![スマホカスタマイズ、フッターリンク](https://farm6.staticflickr.com/5630/21503555425_6d26199ae1_n.jpg)
こちらの記事を参考にしました。
カスタマイズとは違うのですが、今までパソコンに設置していたブログ村バナーをスマホにも設置しました。
ランキングが上がると、このブログを知ってもらえる確率が上がると思います。一方でスマホの表示速度が遅くなる心配があるので、試しでやってみます。
![スマホカスタマイズ、フッターリンク削除](https://farm1.staticflickr.com/633/20882424993_fe2a9189ab_n.jpg)
カスタマイズは時間がかかりますね。
これからも、読みやすくなるようなブログを目指します。