せきねっと iPhoneに対応する

いまさらですが、当ブログ「せきねっと」をiPhoneに対応させました。

なぜiPhone購入から3ヶ月以上も放置したかというと、別にサボっていたわけではなく、うちのWordpressで「WPtouch」と言う現在のところもっともインターフェイスが洗練されているプラグインが、うまく動作しないことが原因でした。ほかの人のサイトを見てみるものの原因が不明。みんな簡単に導入できているのに凹む。

現象としては、画像およびスタイルシートがまったく読み込まれていないという状況です。

いろいろと検証した結果、Wordpress内の[一般設定]-[Wordpressのアドレス(URL)]と[ブログのアドレス(URL)]の部分にローカルIPを入れるとうまく動作するが、自身のサイトのURLを入れると動かないことまではわかりました。

当方のサーバは、セキュリティをあげるため、ローカルにおいてあるサーバに対して、ルータ経由で特定のポートへの通信のみをポートフォワーディングしている環境のため、ローカルIPを振っていますが、おそらくWPtouch内で画像やスタイルシートへのアクセスをかける際に絶対パスで参照しにいっており、名前解決がうまく出来ていないのではないかというのが結論です。

この現象を解決するには、3つ方法が有効ではないかと考えました。

1. サーバをDMZに配置する
2. サーバに内向きのDNSサーバを構築する
3. Wptouchのソースコードを修正する

とりあえず、１も２もセキュリティが低下するので、却下。３については、現在phpについては勉強中なので、時間がかかってしまいます。

ということで、もったえぶってすいませんが、現時点でのWptouchの使用をあきらめました。

その後いろいろ検証しましたが、記事の見易さやレイアウトを考慮して、IWphoneというプラグインを使用することにしました。

IWphone

使い方はとっても簡単。

1. zipファイルのダウンロード
2. ダウンロードしたファイルを解凍し、「iwphone-wordpress-plugin-and-theme」ができる
3. フォルダ内のiwphone.phpファイルをサーバのwp-content/plugins/IWphoneディレクトリを作成しその中にアップロード
4. サーバのwp-content/themes/ディレクトリ配下に解凍した「iwphone-by-contentrobot」フォルダごとアップロード
5. WordPressの管理画面でプラグインを有効にする
6. iPhoneのSafariでブログにアクセスすると完成をかくにんできる

とまぁなんとも簡単ですが、このままだとレイアウトが若干見にくいので、このサイトを参考に、フォントサイズを大きくしました。

とりあえずつなぎのつもりではいますが、iPhoneからの見栄えがかなりよくなり満足しています。