« [iPhone] Mocha VNC Lite | Home | HR-HM.COMのiPhone/iPodTouch用ページ作成ちぅ。。。 »
WodpressをiPhone対応にしてみる
By KAWAYAN | 7 月 17, 2008
ま、一応iPhoneネタです（笑）。
ブログは前からWordpressを使ってるので、iPhone対応にしてみた。
まず見た目の変更。
「iWPhone WordPress Plugin and Theme」というプラグインとテーマを導入。
導入方法は至って簡単ｗ
ダウンロードして解凍したフォルダ内の「iwphone.php」をプラグインフォルダに、
「iwphone-by-contentrobot」フォルダごとテーマフォルダにアップロード。
Wordpress管理画面で「iWPhone」をアクティブにする。だけｗｗ
これでiPhoneでアクセスすると自動でiPhone用テーマで表示してくれる。
でもちょっと行間が詰まってたりして読みにくいと思ったので、
こちらの記事を参考にcssを変更してみた。
読みやすくなりました！
で、このページをホーム画面のブックマークに入れたときのアイコンも設定してみた。
まず60×60pixのpng画像を用意する。
今回作ったのはコレｗｗ
png画像をサーバにアップロードして、
「iwphone-by-contentrobot」フォルダのheader.phpを修正。
＜link rel=”apple-touch-icon” href=”/(画像のパス).png” /＞
を追加。
で、ページを表示して「＋」マークで「ホーム画面に追加」を選ぶと、
こんな感じにアイコンが表示されるようになった！
正方形の画像を作るだけで角を丸めたボタンを表示してくれるところがニクイわｗｗ
ついでにWordpressの管理画面もiPhone用のプラグインを入れてみた。
「WPhone Admin Plugin」です。
これも簡単ｗ。
ダウンロード＆解凍して出来た「wphone」フォルダごとプラグインにアップロード。
管理画面で「WPhone」をアクティブにするだけ。
するとログイン画面に「携帯管理画面でログイン」ってチェックボックスが増えてるので、
iPhoneでアクセスしてチェックを入れてログインするだけ。
するとiPhoneに最適化された管理画面が現れたｗｗ
これでiPhoneからブログの更新とかが可能になりました！
あとは、写真をアップロードできるように何か考えよう！
SDK入れるためにleopard買いましたよ…..orz
Topics: iPhone |
7 月 26th, 2008 at 12:56
[...] WodpressをiPhone対応にしてみる WodpressをiPhone対応にしてみる【其の弐】 By KAWAYAN | 2008/7/26(土) - 12:55 - Posted in iPhone [...]