Googleがモバイルフレンドリーなサイトを優先させるという話があってから大分経ちました。
当ブログでは、以前からスマートフォン対応はしていたのですが、他のブログなどでは一部していない個所もあったので、少しづつ作業をすすめていました。
各サイト毎の対応をまとめてみます
ハムスターブログ
ハムスターブログは、更新自体がほぼ停止している状態ですが、まだ一部のエントリーへのアクセスが多いので存続しています。
あまり、手間をかけずにモバイル対応しようという事で、スタイルシートのみの対応としました。
スタイルシートをレスポンシブ対応して、スマートフォンからのアクセスに対応しました。ただし、スマートフォンからのアクセスした際は、メニューなどが一部表示されない状態となりますが、ページを渡り歩く人も少ないので、これでもいいかなと思います。
Labs Blog
Labs Blogは、Wordpressで運営してます。Wordpressはレスポンシブ対応のテンプレートがたくさんあったので、その中から探して対応しました。
スタイルシートの調整で、移行期間中にテンプレートを確認するのに便利なプラグインもあったのは助かりました。
こーいちぶろぐ、サッカーブログ
メインブログと、サッカーブログは以前に、JQuery mobileでスマートフォン用のテンプレートを作成していました。
ただ、カテゴリーやタグページなど、対応されていないページもあったので、この際なので全部対応しておきました。結果的に、タグページなどは、メインページよりも読み込みが速くなって結果的には良かったと思います。
スマートフォンからのアクセスが半分を越えている状態なので、早めにスマートフォン対応したのは正解でした。
ホーム
ホームページは、XOOPSで運営されているので、テーマを新たに作成しなおしました。
これらのサイトを参考に、無料のHTML5+CSS3のテンプレートを探して、XOOPS用に修正しなおしたものを使用しています。
レスポンシブ対応されているテンプレートなので、そのままスマートフォンでも使えます。
ただ、少し厄介だったのが固定ページへの対応でした。レスポンシブ対応されているとはいえ、内容までは書き変わらないので、この部分は自前でスタイルシートを追加して対応する事でなんとか対応されました。