iPhoneから見た「TwentyEleven」の画像表示を最適化するたったひとつのおまじない | Yu_notes.
この記事の所要時間： 約 4分4秒 WordPress Stickers Everywhere Photo by teamstickergiant こんにちは、Yuichi(@flavour47)です。 先日、WordPressのテーマを「Twenty Eleven」に変更しました。このテーマは現在のWordPressデフォルトテーマであり、色々と最新機能が盛り込まれているようです。 その中で目立った機能と言えば、MacやiPhone/iPadを問わず、どのスクリーンサイズでも自動的にページのデザインを最適化する技術、すなわち「レスポンシブ・ウェブデザイン」が採用されてます。 参考：レスポンシブ・ウェブデザインとは？—メリット、デメリット、注意点を調べてみた | ihayato.news 参考：[Å] これから対応必須な「レスポンシブWebデザイン」を紹介しているサイトのまとめ | あか
iPhoneビューを最適化するプラグイン「WPtouch」のcssをカスタマイズして2つの画像を横に並べて表示する方法。 | AppBank
WordPress のiPhone Safariからの閲覧を最適化してくれる「WPtouch」というプラグインを利用して、WordPressのiPhoneビューを作っている方は非常に多いかと思いますが、先ほどAppBankでちょっと手を入れたのでそのご紹介。 スクリーンショットの大きさによって画面内ががたがたになっていて見にくかったので、CSSをちょっと手直ししたところPCでの閲覧とほぼ同じ状態にできました。特に2つの画像を横に並べてきれいに表示したい！と思われている方はこの方法で解決できると思います。紹介します。 WPtouchのCSSカスタマイズ事例 さて、「WPtouch」を入れると下記のような閲覧画面になります。 WPtouchは月ごとに日付の部分のアイコンの色が変わったり、コメントが付いていればコメントの件数を記事一覧ページに表示してくれたりと、非常にすぐれたiPhoneビューを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
