画像の幅をコンテンツに合わせて可変させる魔法のコトバ [WordPress]

2013/04/11 0 投稿者: jinnaitakumi

モバイル向けのテーマにWP-touchを使っていません、@jinnaitakumiです！

今回のポイントをまとめると

の3つです！

モバイルテーマでも画像の幅が調節されない

んです。そのままだと。

▼こんなふうに、画像が余裕ではみ出す。

これをうまいこと調整してくれるように、コードを書き加えましょう。

▼スタイルシートにこれを追記しましょう。

img{
    max-width: 100% !important;
    height: auto !important;
}

スタイルシートは、WordPress管理画面の「テーマ編集」を開くと編集できます。

これでモバイルでも、キレイに画像の幅を調整して表示してくれます。

ということで、今回のポイントをまとめると

の3つです！

WP-touch使ってる場合は勝手にやってくれるんですけどね。

こういうテクニックをひとつひとつ覚えていくのが、最近は楽しくて仕方ありません。

このブログでは「ストレスを減らす、ワクワクを増やす」を目的に、僕の考えていることややっていることを発信しています。

ストレスが減り、ワクワクが増えれば、日々が楽になって、毎日が楽しくなっていくはず。

ストレスを減らすだけでもダメ、ワクワクを増やすだけでもダメ。どちらもやらなきゃ、僕が思い描く理想の生活は手に入らない。

そういうブログ。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。