2012年6月1日金曜日

Wordpressを力技でスマホ(モバイル)対応させる

いろいろ試してみたがしっくりこないので、かなりやりたくないが自分でやることにした。

基本的な動作は、


  • PCかモバイルかの切り分け。
  • PCからの場合は、そのままデフォルトで設定されたテーマで表示。
  • モバイルからの場合は、各デバイスに合わせたテーマに切り替えて表示。


各機能の実装は以下のように分けて行う。


  • 切り分けの部分の機能をプラグインとして実装。
  • 各モバイルデバイスに最適化したテーマを何個か作成。
  • 切り分けプラグインで、クライアントのUser-Agentを見て、最適なテーマへ切替を行う。


切り分けの部分のプラグインについては、ここで別途説明。
モバイルデバイス用のなんちゃってなテーマを作成しテストを行う。
とりあえず動いてるっぽい。

この方法の難点は、Wordpressは、有効化されているテーマ以外の設定情報は保持しないようなので、設定項目を持つテーマだと難がある。

ただ、普通にWordpressのテーマを作成する感じでモバイル対応のテーマが作成できるのでその点では便利。