本質思考道場モノゴトの本質を考え抜くことを怠っていないか?ブログを書き発信して情報交流することで逞しい思考力を磨く道場。ホームITWordPressiPhoneっぽいブログに変身させるWordPressプラグイン「WPtouch」WordPress2009.07.14インストールするだけでもかなりいい感じのiPhoneっぽい見た目にしてくれる、WordPress用のプラグイン「WPtouch」。初期設定からいじって、さらにいい感じになったのでご紹介。いじったのはアイコンとjQuery。1.WPtouchとはWordPressのプラグインで、iPhoneのSafariブラウザからアクセスすると、見た目がiPhoneっぽくなって、操作もしやすくなるプラグインです。Inc.2.アイコンを自分のファビコンに変更WordPressのダッシュボードのWPtouch設定画面からアップロード出来そうなボタンがあったので簡単にアップ出来そうでしたが、ボタンが反応せず。ディレクトリ解析したら下のディレクトリにpngファイル入れておけばプルダウン表示に現れたので、そうしました。wp-content/plugins/wptouch/images/icon-pool/pngファイルは50×50あたりで作ってみました。ついでに、iPhone用はiPhoneっぽく透明感のあるものにしたい。いうことで参考にさせて頂いたのはコチラ。■iPhone風アイコンの超カンタンな作り方2つ教えます。和洋風◎ここで紹介されている、iConeというサイトにpngファイルアップしてパラメータいじって出来上がり。その後、さきほどのディレクトリに任意の名前でpngファイルをアップして、WPtouch設定画面を開くと、こんな風にアイコン表示されるようになりました。↑ちょっと小さいけどまぁいいか。iPhoneから見るとこんな感じ。左上に微妙に透明感あるアイコンが表示されています。畳の部分はあくまでもマットな感じにした。3.jQueryを使って無限スクロールAjaxのフレームワーク「jQuery」を使って、トップページやアーカイブページで無限にスクロール出来るようにしました。これまでjQueryは使ってこなかったのですが、あれこれ面白そうなのでそろそろ使ってみる。バージョンアップ毎にFTPアップするのも面倒なので、Googleでホストしているのを使わせてもらうことに。参考にしたのはこちら。~ここで紹介されているscriptを自分のWordPressテーマ配下のheader.phpに加えれば完了。Cleanerというプラグインを使っていたのですね。これでJavaScriptをフッタにマージして固めたりしてレスポンスを速めていたのですが、どうも私の設定がまずいのか出来上がったソースを読むとうまくいかない。無効にしておきました。後日ゆっくり眺めてみよう。すると、こんな感じでiPhoneに表示されます。entries...」と表示されていて、そこをタッチすると次の15行がページ遷移なしで表示されます。Theme」をOFFにすると、パソコンでの見た目になります。出来てるなぁ、このプラグイン。jQueryを入れてしまったので、他にも色々試していきますかねー。WordPress2013/2/9(Sat)、「WordCrab福井2013」を開催しました。2013.02.09WordPressSeesaaからWordPressへ引っ越し中です。Seesaa側の作業メモ。8.6」2009.07.15WordPressレスポンシブWebデザインのWordPressテーマ「iTheme2」に変えました。https://takamorry.com/article/20090714_wptouch.html返信WPtouchはiphoneに対応させるプラグイン。今回は本質思考道場さんと花とみかんさんのサイトを参考にさせていただきました。デフォルト設定でいいようです。フォン対応用のプラグインです。[...]返信WordPressに突っ込むプラグインとかメモ。MeHistoryタイトルとURLをコピーしました。