当サイトをモバイルフレンドリー化 & PC表示の幅を広げた

殆ど更新されない当サイトをご覧のみなさま、こんにちわ。

今までこのサイトは信じられないことにスマホでの閲覧に対応しておらず、表示させるとPC用のデザインがそのまま表示されて非常に見辛い状態だった。アクセス統計を確認すると、スマホでの閲覧が半数以上にのぼっていた為、重い腰を上げてテキトーにモバイルフレンドリー化を行った。

仕事では1ソースマルチデバイス対応のレスポンシブECサイトを作ったりしていたが、非常に面倒臭いので上記のプラグインで簡単にモバイルデバイスに対応させた。無料版でもカスタマイズ項目は多く、カスタム投稿タイプにも対応。デフォルトのCSSテーマもシンプルで良い。

従来まではXGA(1080px × 768px)に対応する960px幅のデザインだったが、いくらなんでも時代遅れなので、WXGA(1280px × 760px等)基準で1200pxまで幅を広げた。だいぶ読みやすくなったかな。調整はCSSを少し変更しただけ。トップページはMasonryで自動的にレイアウトさせているので、wrapの幅を広げるだけ。

ついでにフォントファミリーを変更して游ゴシックをメインに。随分と印象が変わった。