iPhoneビューを最適化するプラグイン「WPtouch」のcssをカスタマイズして2つの画像を横に並べて表示する方法。 | AppBank

WordPress のiPhone Safariからの閲覧を最適化してくれる「WPtouch」というプラグインを利用して、WordPressのiPhoneビューを作っている方は非常に多いかと思いますが、先ほどAppBankでちょっと手を入れたのでそのご紹介。 スクリーンショットの大きさによって画面内ががたがたになっていて見にくかったので、CSSをちょっと手直ししたところPCでの閲覧とほぼ同じ状態にできました。特に2つの画像を横に並べてきれいに表示したい！と思われている方はこの方法で解決できると思います。紹介します。 WPtouchのCSSカスタマイズ事例 さて、「WPtouch」を入れると下記のような閲覧画面になります。 WPtouchは月ごとに日付の部分のアイコンの色が変わったり、コメントが付いていればコメントの件数を記事一覧ページに表示してくれたりと、非常にすぐれたiPhoneビューを

[hiro-rock]

WPtouchのCSSをカスタマイズして画像を横並びにした参考例

[halohalolin]

スクリーンショットの大きさによって画面内ががたがたになっていて見にくかったので、CSSをちょっと手直ししたところPCでの閲覧とほぼ同じ状態にできました。特に2つの画像を横に並べてきれいに表示したい！と・・・

[paella]

Webサイトを作成するときに便利そう。そういや、自分のアプリ紹介サイトをMobileSafariで見たことがないや。ヤバイ。