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を有効化する。
有効化すると、サイドバーのプラグインのところに、「PDA」というリンクが出現します。
ここでは、ブラウザエージェントの追加が可能になっています。が、特に弄る必要は無いでしょう。
これで、プラグインのインストールは完了です。すごく簡単ですね^^
早速Androidで見てみます。
なかなかすっきりしていて良いデザインだと思います。
カテゴリーもサブカテゴリーもしっかりと表示されています。
タグ(左上)とページ(右上)です。
iPhoneでも同じ感じで見ることができます。(これはデモ用の画像ですが)
「WordPress PDA & iPhone」のテーマ編集
このテーマを編集するには、「wp-pda\pda-theme」の中にあるファイルを編集すれば良さそうですね。
ほとんどがテキスト情報なので、この中の「style.css」を弄れば背景やリンクの色などはPCサイト側と合わせることが出来そうです。
style.css 内を確認してみたところ、250行ぐらいしか記述がなかったのでやりがいはありそうですね。
今度時間のあるときに編集してみたいと思います。
編集の際は、Top – FireMobileSimulator.org のFireMobileSimulator(携帯やスマホ上での動作をパソコン側のFirefoxで確認することができるFirefox用のアドオン)を使わせてもらおう。
わかり易く、丁寧な説明をありがとうございます。
指示に従って、導入インストールして、プラグインに「PDA」も出てきました。
でも、i-phone で見てみようとしましたが、画面が真っ白なままで表示されません。
試しにインストールしたばかりのwordpress PDA & i-phne を 停止すれば、また、表示されます。
何がだめなのかおわかりになりますか?