iPhoneビューを最適化するプラグイン「WPtouch」のcssをカスタマイズして2つの画像を横に並べて表示する方法。 | AppBank
WordPress のiPhone Safariからの閲覧を最適化してくれる「WPtouch」というプラグインを利用して、WordPressのiPhoneビューを作っている方は非常に多いかと思いますが、先ほどAppBankでちょっと手を入れたのでそのご紹介。 スクリーンショットの大きさによって画面内ががたがたになっていて見にくかったので、CSSをちょっと手直ししたところPCでの閲覧とほぼ同じ状態にできました。特に2つの画像を横に並べてきれいに表示したい！と思われている方はこの方法で解決できると思います。紹介します。 WPtouchのCSSカスタマイズ事例 さて、「WPtouch」を入れると下記のような閲覧画面になります。 WPtouchは月ごとに日付の部分のアイコンの色が変わったり、コメントが付いていればコメントの件数を記事一覧ページに表示してくれたりと、非常にすぐれたiPhoneビューを
[WP]iPhone最適化プラグイン「WPtouch」
以前からiPhone & iPod touchに最適化するプラグイン「iWPhone」を使っていたのですが、イマイチ使い勝手がよくなかったので、同じような最適化プラグイン「WPtouch」に変更しました。 「iWPhone」は標準テーマとの切替が出来ないので投稿後の確認がしづらかったんですよね。 あと、テーマが殺風景。これは自作すれば何とかなるんだろうけど、メンドクセなので。 「WPtouch」のいいところとしては「沖縄食べ歩きリスト」やアーカイブなどの「ページ」に簡単にアクセスできるのが便利。 その機能に付随して「FlickrRSS」というプラグインを使ってFlickrにアップロードした写真を簡単に見せることも可能です。 ※iPhoneでアクセスして、右上のMenuをタップしてください。 デフォルトからの変更点 ブックマーク用アイコンの変更CSSの改造JavaScriptがコンフリクトを
![[WP]iPhone最適化プラグイン「WPtouch」](https://cdn-ak-scissors.b.st-hatena.com/image/square/15499c1cfd85788a7d1e5ceb26fe9cd4bc8766da/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fdigicool.org%2Fwp%2Fwp-content%2Fuploads%2F2022%2F03%2Fcropped-81491c33bcb6d0c82d1236734b74d78c.png%3Ffit%3D512%252C512%26ssl%3D1)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
