Tag Archives: WPtouch

WordPressを携帯電話対応サイトにする

携帯電話でウェブを参照するユーザーは、けして少なくない。 「WordPress」は、プラグインの導入によって、簡単に携帯電話向けに簡略化されたテーマでの表示が可能になるので、ぜひ、携帯電話に対応させたいところだ。 しかし、一口に携帯電話と言っても様々な種類があり、標準搭載されているブラウザの機能も様々である。 場合によっては別のブラウザを追加インストールしている可能性もある。 携帯電話の場合もPCと同様にその環境は複雑であり、一括りに考えることは出来ない。 ゲーム機などの携帯端末まで考慮すると更に複雑になる。 PCサイトの参照を目的としたフルブラウザで参照しているユーザーに対して、携帯電話向けの簡略されたテーマで表示することが、果たして親切なのか?それともパフォーマンスに優れた携帯電話向けのテーマで表示することが親切なのか? 色々と考え始めるキリがないが、幸いそこまで高度な設定が可能なプラグインを私は知らないので、もう少し、シンプルに考える。 とは言え、かなり複雑である。 基本的には、搭載されている、もしくは使用している可能性があるブラウザによって分類する必要がある。 以下、主な携帯端末のブラウザを分類した。 NTTドコモ iモード iモードブラウザ au Ezweb PCサイトビューアー ソフトバンク Yahoo!ケータイ PCサイトブラウザ ウィルコム Opera NetFront Opera(フルブラウザ) NetFront(フルブラウザ) イー・モバイル NetFornt NetFront(フルブラウザ) Apple Mobile Safari(AppleWebKit系、iPhone、iPad、iPodに搭載) Windows Mobile IE系 NetFront Android AppleWebKit系 BlackBerry ブラウザ不明 Palm OS AppleWebKit系 Symbian OS(ノキアなど) UIQ搭載ブラウザ S60搭載ブラウザ(AppleWebKit系) 任天堂 DS(Opera系?) ソニー PSP その他 Opera Mini 携帯電話への対応は、プラグインで簡単に実現出来るが、一番の問題は、実際に、どの端末で携帯電話用テーマを使って表示されるかの確認である。 ユーザーエージェントを偽装できる「FireFox」のアドオン「User Agent Switcher」や「Google Chrome」のエクステンション「User-Agent Switcher for Chrome」を用いれば、レイアウトの確認までは無理としても、携帯用テーマで表示されるか否かの確認は出来る。 使用する前に、「Options」で、ユーザーエージェントを設置する必要があるが、携帯端末のユーザーエージェントは、「ユーザーエージェント – Wikipedia」「userAgent一覧-ユーザーエージェント一覧」で確認出来る。 追記 携帯電話のブラウザをシュミレーションするFireFox用プラグイン「FireMobileSimulator」が「FireFox4」対応となった。 対応機種は限られるが、こちらの方が実際に近い画面を確認できる。端末の情報さえ得られれば、自身で機種を追加することも可能。 以下、「WordPress」を携帯電話対応にするためのプラグインを紹介する。 ・WPtouch 1.9.25 「WPtouch」は、「WordPress」に標準でインストールされているプラグインで、iPhone、iPod touch、Android、Blackberry Storm、Blackberry Torch、Palm Preやその他タッチタイプパネルの携帯端末を自動的に判別し、専用のテーマでの表示を行う。 Blackberryがリストにあるが、全てのモデルが対象ではない。 ユーザーエージェントを偽装したテストの結果では、対応リストにはないものの、iPadにも対応している様に思われる。 あくまで特定の携帯端末が対象で、日本のものを含めて、一般的な携帯電話には対応していないので、後で述べる「Ktai Style」と併用すると良い。 標準のテーマは、iPhoneアプリを意識したデザインで、見た目も悪くない。 日本語にも対応しており、「Regionalization Settings」を「Japanese」に変更すれば、日本語テーマでの表示になる。 コメントシステムの「DISQUS」にも対応している。 基本的に有効化するだけで使えるが、メールアドレスを公開したくないなら設定で「Enable Email Menu Item (Uses default WordPress admin e-mail)」のチェックを外して置くこと。 設定の「Adsense」に「Adsense ID」を設定できる。 ※「Adsense ID」は、「Adsense」の管理画面右上に表示される「pub」で始まるコード。 「Google Analytics」でアクセス解析を行う場合は、PC用のテーマとは別に、対応が必要。 「Stats & Custom Code」で、「Google Analytics」のトラッキングコードを設定出来るが、携帯電話用のトラッキングコードが設定出来る訳ではない。 ・WordPress Mobile Pack 1.2.4 「WordPress Mobile Pack」は、殆どの携帯端末での表示に対応している。 … 続きを読む →

Posted in WordPress, ネット・PC | Tagged , , , , , , , , , , , | 1 Comment