WPtouchプラグインでスマートフォン対応してみた
2013/05/09
WordPressサイト（ブログ）をスマートフォン用デザインに最適化してくれるプラグイン、「WPtouch」を導入してみました。
導入前は普通にフルブラウザで見ていたわけですが、プラグインを入れて有効化するだけでスマートフォン対応してくれます。
かなりテンション上がりますｗ
インストールはいつもの順序。プラグイン画面から「WPtouch」で検索し、インストール。有効化すると【管理パネル→設定】に「WPtouch」が追加されます。
設定画面は最初は英語ですが、LanguageでJapneseを選んで１回セーブしてしまえば日本語になるので、なんの心配もないでしょう。
設定変更が必要そうな箇所としては、「ロゴアイコン//メニュー項目＆ページアイコン」設定の、【Email メニュー項目を有効にする (デフォルトで WordPress の管理者 E-mail アドレスを使用)】がデフォルトで有効になっているところ。有効のままだとメニューから直接メールが管理者へ送信できるようになります。
この辺りは好き嫌いがあるところではないでしょうか。
ちなみにtoogieは有効のままにしています。
あとさわるとしたら、アイコンでしょうか。
「デフォルト & カスタムアイコンプール」設定で、faviconが設定できます。
説明にもあるのですが、縦59px、横60pxが最適なサイズとのことなので、このブログのロゴマークであるカエルくんをそのサイズに調整し、アップロード、一旦セーブします。
「ロゴアイコン // メニュー項目 & ページアイコン」設定の【ロゴ & ホームスクリーンブックマークアイコン 】で、先ほどアップロードしたロゴマークにのファイル名がリスト内にあるので、それを選択し、セーブ。
これだけでスマートフォンから閲覧した場合にブックマークアイコンとして表示されています。
本来ならここでスクリーンショットでもしたいところなのですが、持っているSB 003SHはスクリーンショットが手軽に撮れないみたいなので、スクショはまたそのうちに。