9月
07
[WP]iPhone最適化プラグイン「WPtouch」
タグ: iPhone, Plug-in, WordPress
以前からiPhone & iPod touchに最適化するプラグイン「iWPhone」を使っていたのですが、イマイチ使い勝手がよくなかったので、同じような最適化プラグイン「WPtouch」に変更しました。
「iWPhone」は標準テーマとの切替が出来ないので投稿後の確認がしづらかったんですよね。
あと、テーマが殺風景。これは自作すれば何とかなるんだろうけど、メンドクセなので。
「WPtouch」のいいところとしては「沖縄食べ歩きリスト」やアーカイブなどの「ページ」に簡単にアクセスできるのが便利。
その機能に付随して「FlickrRSS」というプラグインを使ってFlickrにアップロードした写真を簡単に見せることも可能です。
※iPhoneでアクセスして、右上のMenuをタップしてください。
デフォルトからの変更点
- ブックマーク用アイコンの変更
- CSSの改造
【追記】
この方法で対応可能でした。
[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
[...] さらに詳しいことが知りたい方は、kawaさんのエントリ「THE ROAD AHEAD v.3.0 » [WP]iPhone最適化プラグイン「WPtouch」」をどうぞ。 [...]
[...] あ、でもLightboxがあるとだめ？ THE ROAD AHEAD v.3.0 ? [WP]iPhone最適化プラグイン「WPtouch」 ・・・・みたいなことが書いてありました。 と、なるとウチもLightbox使ってるからダメなのか・・・ [...]
iPhoneとWiiに対応してみた
iPhoneでも見れるようにしてみた – skurima.comで、すでにiPhoneでもこのblogがみられるようにはなっていたわけですが、WPtouchというプラグインがよさげというエントリーを見つけちゃったり…
[...] WPTouch iPod TouchやiPhone、Androidからのアクセスを最適化。 [WP]iPhone最適化プラグイン「WPtouch」 | THE ROAD AHEAD v.4.0 [...]
[...] [WP]iPhone最適化プラグイン「WPtouch」 | THE ROAD AHEAD v.4.0 [...]
[...] で、『 [WP]iPhone最適化プラグイン「WPtouch」 』この記事を参考にして、かつプラスアルファの手を入れてみたところ下記のように、PCで見たとき同様、非常に見やすくなりました！！！ [...]
[...] [WP]iPhone最適化プラグイン「WPtouch」 [...]
[...] ん。とりあえずWPtouchは欲しい。 ・WPtouch iPhoneで見たときに専用CSSに切り替えてくれる。 [...]
WordPressをiPhoneに対応させる「WPtouch」プラグインが素晴らしすぎる！
さて、自分がiPhoneを持ったこともあり、sorariumもiPhone/iPod touchに対応させることにしました。
以前、「iWPhone」を使っていたのですが、デフォルト表示で見たい時もあったので、…
[...] [WP]iPhone最適化プラグイン「WPtouch」 [...]
[...] ーグルアドセンスを表示するには、 アカウント情報＞プロパティ情報＞モバイル用IDを書けば良いだけ。 http://digicool.org/wp/?p=1491 ＜この辺のサイトにプラグインについて詳しく載ってます [...]