今年の6月にWptouchをカスタマイズしてスマートフォン用のモバイルテーマを作成したわけなんですが、ちょいと見栄えがよろしくない部分が気になり出したのでプチリニューアルをいたしました:)
トップ画面
トップ画面はこんな感じです。今までよりロゴやサムネイルを大きく、メニューバーを画面の最上部に配置しました。
メニューバーも各項目のpaddingを広めに、押しやすく。
h2、h3、h4タグやblockquoteタグなどもPC版のブログのリニューアルに合わせて装飾をやりなおし。
以前より見やすくなったでしょうかどうでしょうか？
スマホ対応だいじ
最近、和洋風KAIさんでもごりゅご.comさんでもスマホサイトのリニューアルをしました、と言うような記事が上がっていることからも分かりますが、個人的にもモバイルからのアクセス、特にスマートフォンからの閲覧の大事さに改めて色々と思い知らされております。OZPAの表4でもモバイルからのアクセスは全体のおよそ40%ほどを占めるまでになりました。PCより回線の弱い状態で閲覧されることが多く、画面の幅に限りのあるスマートフォン対策は、これからのブログ運営には避けて通れないのでしょうか。
WordPressのスマートフォン対応プラグインWptouchは大変に優秀なプラグイン。特に、jQueryを使用した「追加記事のページ遷移無し読み込み」がデフォルトで備わっているのは嬉しい点です。まぁその分見た目が同じようになってしまうのでこういうカスタマイズが要りようにもなるんですが。
そうそう、毎度のことながら自機のiPhone5でしかテストをしておりませんので、表示がおかしいよ！なんて場合は@OZPA までご一報いただけると嬉しいです:)
Wptouchをカスタマイズしてスマートフォン用のモバイルテーマを作成しました