出力されたクラスに対して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いっぱいに表示させ
MacBook ProにRetinaモデルの登場で、少なくともAppleに関しては徐々にRetinaモデルが増えていくだろうということで、このブログをRetina対応しました。 ここ1週間ほど、WPのメディア関連のコードを追ってみたり、どのように対応するのがいいのかいろいろ探っていましたので、このブログでどのように対応したのかを紹介します。 WP Retina 2xや、他のプラグインもありますので、条件が合う方はこれらの導入が簡単だと思います。 しかし、今回はプラグインを利用せず（WP Retina 2xが動作しなかった）、自分で実装しました。 Retina画像を表示する 表示に関しては、Retina Imagesを利用しました。 ただし、サイトの実装方法通りでは問題があったので、いくつか実装方法を変更しています。 retinaimages.phpの変更 まずは、必要なscriptの記述を
今回は、WordPressテーマで高解像度ディスプレイに対応した画像を出力する方法について取り上げます。 目次 Retinaディスプレイで画像をくっきり表示する方法 縦横が２倍解像度の画像を用意する WordPressで高解像度画像を出力する方法 高解像度画像を投稿に挿入する メディアライブラリの画像サイズメニューをカスタマイズする カスタマイズの概要 新しい画像サイズを追加する メディアライブラリで画像選択時に新しい画像サイズを選択可能にする メディアライブラリのサイズ選択時のメニューのラベルを修正する 高解像度画像用サイズが選択された場合は、widthとheightの値を1/2にする 最後に Retinaディスプレイで画像をくっきり表示する方法 縦横が２倍解像度の画像を用意する WPに限らず一般的なコトですが、iPhoneなどの高解像度ディスプレイ（以下、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ページを開く
