WordPressのスマートフォン向けブログ表示をjQuery Mobileでごにょごにょしてみた


当ブログのスマートフォン向け表示はWPtouchWPtouch ProMobilePressと試行錯誤してきましたが、ふと思い立って新デザインを導入してみました。

ベースにしたのはこちらのテーマ。

Download jQuery Mobile WordPress Theme (Francis Robert)

スマートフォン向けUIフレームワーク「jQuery Mobile」を使った、シンプルですがきれいなテーマです。このテーマをMobilePressのスマートフォン判定ロジックを使用して表示するように設定しました。

参照するjQueryおよびjQuery Mobileのバージョン変更やレイアウト周りなど細かく調整しています。またjQuery MobileにはAjaxによるページ切り替え機能があるのですが、Ajaxで画面遷移時の広告表示がうまく行かないため無効(通常のページ切り替え)にしてあります。

iphone_blog_001

iphone_blog_002

MobilePressの標準テーマも悪くなかったのですが、すこし野暮ったい印象を受けていました。今回のテーマ導入で随分クールな印象になり満足。

コメントを残す

メールアドレスが公開されることはありません。

Time limit is exhausted. Please reload CAPTCHA.