[WP]iPhone最適化プラグイン「WPtouch」

以前からiPhone & iPod touchに最適化するプラグイン「iWPhone」を使っていたのですが、イマイチ使い勝手がよくなかったので、同じような最適化プラグイン「WPtouch」に変更しました。

「iWPhone」は標準テーマとの切替が出来ないので投稿後の確認がしづらかったんですよね。
あと、テーマが殺風景。これは自作すれば何とかなるんだろうけど、メンドクセなので。

「WPtouch」のいいところとしては「沖縄食べ歩きリスト」やアーカイブなどの「ページ」に簡単にアクセスできるのが便利。
その機能に付随して「FlickrRSS」というプラグインを使ってFlickrにアップロードした写真を簡単に見せることも可能です。
※iPhoneでアクセスして、右上のMenuをタップしてください。

ホーム画面エントリタイトルの横の矢印をタップすると概要が表示されますMenuをタップするとサブメニューが表示されますエントリページ

デフォルトからの変更点

  • ブックマーク用アイコンの変更
  • CSSの改造
JavaScriptがコンフリクトを起こしているのか、Lightboxには対応させることが出来ませんでした・・・。残念。
【追記】
この方法で対応可能でした。
[WP]WPtouchにlightbox風エフェクトを付ける

ブックマーク用アイコンは「/wptouch/images/icon-pool」の中に「template.psd」が入っているのでこれを参考に作ると楽ですよ。
そしてPNGファイルの「apple-touch-icon.png」という名前で書き出し、サーバ上の「/wptouch/images/icon-pool」にアップロードして、WPtouchの管理画面で「Logo & Home Screen Bookmark Icon」部分のアイコンをアップロードした「apple-touch-icon.png」に変更すればOK。
これでホーム画面にブックマークした時このアイコンが表示されます。

CSSの改造は主に画像関係。
弄ったのは「/wptouch/themes/default」の中の「style.css」。
エントリ内の画像を二枚並べずつ表示させたかったので、こんな感じにしてみました。

#singlentry img {
max-width: 129px;
height: auto;
margin-right:10px;
margin-bottom:6px;
}

月ごとにカレンダーアイコンの色が変わったり、コメントが付くとMail.appのような数字バッジが付くのがカラフルで気に入っています。

関連リンク
WPtouch: WordPress On iPhone ? BraveNewCode
eightface.com ? flickrRSS for WordPress

[WP]iPhone最適化プラグイン「WPtouch」” への15件のフィードバック

  1. ピンバック: 伊達漢.com -
  2. ピンバック: skurima.com
  3. ピンバック: sorarium
  4. ピンバック: Ez’m Scrap

コメントを残す