WordPressでレスポンシブ対応する際の画像の扱い方
出力されたクラスに対してCSSで指定していきます。size-thumbanailは私の場合はそのままにしています。 size-fullは大きい画像も小さい画像もそのままのサイズで表紙されますので、ここにCSSでwidth100%などを設定する事は出来ませんね。小さい画像が大きくなってひどい状態になるのでここもそのまま。 size-mediumにwidthの指定をします。私の場合ですが、スマホの場合max-width:100%を指定し、タブレットサイズをmax-width:80%・PCサイズをmax-width:noneとしています。width:100%は入れていません。IE９以下でもレスポンシブに対応させる為にwidth:100%を入れる事がありますが、IE９以下をレスポンシブにする意味が分からないので。 size-largeはPCサイズのメインコンテンツ部分のwidthいっぱいに表示させ
WordPress マルチサイトでのRetina対応を考える | eternity design BLOG
MacBook ProにRetinaモデルの登場で、少なくともAppleに関しては徐々にRetinaモデルが増えていくだろうということで、このブログをRetina対応しました。 ここ1週間ほど、WPのメディア関連のコードを追ってみたり、どのように対応するのがいいのかいろいろ探っていましたので、このブログでどのように対応したのかを紹介します。 WP Retina 2xや、他のプラグインもありますので、条件が合う方はこれらの導入が簡単だと思います。 しかし、今回はプラグインを利用せず（WP Retina 2xが動作しなかった）、自分で実装しました。 Retina画像を表示する 表示に関しては、Retina Imagesを利用しました。 ただし、サイトの実装方法通りでは問題があったので、いくつか実装方法を変更しています。 retinaimages.phpの変更 まずは、必要なscriptの記述を
WordPressのRetina対応まとめ | ライ麦畑でつかまえられて、思わず出たオナラが案外フローラルだった感動を貴方にも。
Category 独り言っぽい何か (602) 日常っぽい何か (738) 経営・組織っぽい何か (62) 書評っぽい何か (13) デザインっぽい何か (10) phpですね (2) WEB全般ですが何か？ (30) WordPressですが何か？ (19) Serected Entry WordPressのRetina対応まとめ (05/26) Comment お尻のオデキ（瘍・できもの）の治療法 ⇒ ブログ主 (10/04) お尻のオデキ（瘍・できもの）の治療法 ⇒ デューク (04/08) 金と権力 ⇒ (10/04) どうしても「許せない」人 (ベスト新書 171) ⇒ (07/11) フリーランスの極意 ⇒ miyopin (06/16) フリーランスの極意 ⇒ のむら (06/16) バンバン！ ⇒ miyopin (06/04) バンバン！ ⇒ B野 (06/04) css
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hitsuji.me
