WordPressをiPhoneに最適化するプラグイン

EC studio EC studio デザインブログ

EC studio
EC studio デザインブログ
EC studio デザインブログの記事一覧

2010年05月19日投稿者：谷拓樹

WordPressをiPhoneに最適化するプラグイン

iPhone向けに最適化するための対応は慣れるまでは簡単ではないと思う方が多いかもしれませんが、WordPressではプラグインで簡単に対応できます。
今回はよく利用されているであろう3つのプラグインを紹介します。

iWPhone

http://iwphone.contentrobot.com/2007/07/04/iwphone-wordpress-plugin-and-theme/

シンプルなテーマが適用されるプラグインです。
導入方法ですが、プラグインファイルはpluginディレクトリに、テーマファイルはthemeディレクトリにアップロードし、その後にプラグインを有効化するだけです。

特長ですが、とにかく見た目も仕組みもシンプルといったところです。
記事内の画像ファイルなども、記事の幅に合わせてリサイズしてくれるのですが、要素によってはその幅を超えて表示されてしまうようです。
記事内でstyle属性でサイズを指定しているなど、そうした場合には表示に気を付けた方がいいかもしれません。

テーマを元のデザインに合わせて自由にカスタマイズしたい場合は、iWPhoneにテーマの振り分けだけを任せるのが良いと思います。

Ktai Style (携帯対応プラグイン)

http://wppluginsj.sourceforge.jp/ktai_style/

こちらは国産のプラグインで、プラグイン名の通りいわゆるケータイ向けに最適化するプラグインとして有名です。

こちらはiWPhoneのように、テーマをthemeディレクトリに入れる必要はなく、ファイルをまるまるpluginディレクトリにいれてしまえばOKです。あとは管理画面からプラグインの有効化ですね。

こちらはもともとiPhoneのようなスマートフォン向けのプラグインでないからか、デフォルトのテーマというのは用意されていません。
※画面は携帯向けのテーマを適用しています。

そのためこのプラグインを使うためには専用のテーマを自作する必要があります。
テーマを自作する必要があるのであれば、iWPhoneを使う方がiPhoneに特化しているという点ではおおすすめしますし、一般の携帯にも最適化したければこちらのKtai Styleをおすすめします。
キャリア向けにテーマを分けられるので、iPhone向け、docomo向けなどいろんな使い方ができます。

WPtouch

http://www.bravenewcode.com/products/wptouch/

現在デザインブログでも利用しているプラグインです。このプラグインの特長はとにかく高機能でデフォルトのデザインも整っているところです。

導入方法はこちらもKtai Styleと同じタイプで、pluginディレクトリにアップロードして有効化するだけです。

なるべく簡単にiPhone向けに最適化してしまいたいのであればこのプラグインをおすすめします。

またiPhone向けに最適化するだけではなく、通常のPC向けのテーマへの切り替えも可能になっています。
この機能は重要で、iPhoneであってもPC向けの表示で見たいユーザーのために用意してあげる方が好ましいということです。

iPhone,Mobile Safariではそもそも既存のサイトでも閲覧に不便がないよう工夫されていますし、そのままの見た目の方が多少文字が小さいとしても、ひとめで多くの情報が見れて良いという場合もあります。
ユーザーに対し、その選択肢を用意しておくと言うのも忘れないようにしましょう。

注意点

いずれのプラグインも専用のテーマを適用するような形になっているので、それぞれのテーマでもアクセス解析タグなど効果測定タグなどを貼り忘れないように注意しましょう。（実際に経験しています・・・）
ちなみに先日無料化した EC studio の Web Analystも合わせてこの際使ってみてください :p