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

このエントリーをはてなブックマークに追加
2016/07/28 8:21 am
Blog Category / 日記
Tags /
 

smf
殆ど更新されない当サイトをご覧のみなさま、こんにちわ。
今までこのサイトは信じられないことにスマホでの閲覧に対応しておらず、表示させるとPC用のデザインがそのまま表示されて非常に見辛い状態だった。アクセス統計を確認すると、スマホでの閲覧が半数以上にのぼっていた為、重い腰を上げてテキトーにモバイルフレンドリー化を行った。
使用したWordpressプラグイン
smf3
仕事では1ソースマルチデバイス対応のレスポンシブECサイトを作ったりしていたが、非常に面倒臭いので上記のプラグインで簡単にモバイルデバイスに対応させた。無料版でもカスタマイズ項目は多く、カスタム投稿タイプにも対応。デフォルトのCSSテーマもシンプルで良い。
PCでの表示も調整
smf2
従来まではXGA(1080px × 768px)に対応する960px幅のデザインだったが、いくらなんでも時代遅れなので、WXGA(1280px × 760px等)基準で1200pxまで幅を広げた。だいぶ読みやすくなったかな。調整はCSSを少し変更しただけ。トップページはMasonryで自動的にレイアウトさせているので、wrapの幅を広げるだけ。
ついでにフォントファミリーを変更して游ゴシックをメインに。随分と印象が変わった。


  • 最近の投稿
  • 最近の特集
  • 人気の記事
  • アーカイブ
  • カテゴリー
  • タグクラウド