WordPress用スマートフォン対応プラグイン「WordPress PDA & iPhone」を入れてみた

2011-03-20_094045

Xperia からのサイトアクセスが増えてきているので、Androidに対応したWordPress用テーマを導入してみました。

前々から、導入しようと思ってはいたのですが、どれにしようかと悩んでいたら月日が経ってしまいました。。。

Androidに対応したテーマはいろいろとあったのですが、「WordPress PDA & iPhone」がデザイン的には気に入りました。これでXperiaを始めスマホでお越し頂いている方は閲覧しやすくなるかと思います。

導入したものは「WordPress PDA & iPhone」というプラグインで、Androidはもちろんのこと、iPhoneやWindows Mobileにも対応したスマートフォン用のテーマになります。

WordPress PDA & iPhone の導入・インストール

WordPress › WordPress PDA & iPhone « WordPress Plugins から「wp-pda.1.3.1.zip(現在の最新版)」をダウンロードして、解凍後にWordpressのプラグインディレクトリにコピーします。

WordPressの管理画面から、プラグイン>プラグイン からWordPress PDA & iPhoneを有効化する。

2011-03-20_094705

有効化すると、サイドバーのプラグインのところに、「PDA」というリンクが出現します。

2011-03-20_094848

ここでは、ブラウザエージェントの追加が可能になっています。が、特に弄る必要は無いでしょう。

これで、プラグインのインストールは完了です。すごく簡単ですね^^

早速Androidで見てみます。

imageimage

なかなかすっきりしていて良いデザインだと思います。

imageimage

カテゴリーもサブカテゴリーもしっかりと表示されています。

imageimage

タグ(左上)とページ(右上)です。

screenshot-2screenshot-3

iPhoneでも同じ感じで見ることができます。(これはデモ用の画像ですが)

「WordPress PDA & iPhone」のテーマ編集

このテーマを編集するには、「wp-pda\pda-theme」の中にあるファイルを編集すれば良さそうですね。

ほとんどがテキスト情報なので、この中の「style.css」を弄れば背景やリンクの色などはPCサイト側と合わせることが出来そうです。

style.css 内を確認してみたところ、250行ぐらいしか記述がなかったのでやりがいはありそうですね。

今度時間のあるときに編集してみたいと思います。

編集の際は、Top – FireMobileSimulator.org のFireMobileSimulator(携帯やスマホ上での動作をパソコン側のFirefoxで確認することができるFirefox用のアドオン)を使わせてもらおう。



1件のコメント

  1. わかり易く、丁寧な説明をありがとうございます。
    指示に従って、導入インストールして、プラグインに「PDA」も出てきました。
    でも、i-phone で見てみようとしましたが、画面が真っ白なままで表示されません。
    試しにインストールしたばかりのwordpress PDA & i-phne を 停止すれば、また、表示されます。
    何がだめなのかおわかりになりますか?

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です