【個別記事】画像が表示枠からはみ出た場合に枠内に収める方法(小手先)

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

記事を画像入りで投稿したら、その画像の横幅(width)が表示枠からはみ出てしまうことがあります。

そんな時にスタイルシートを変更することなく小手先的に(スマートではないけれど、とりあえず)画像を記事内枠に収める方法です。

記事を「テキスト」で表示して、画像表示タグ内の、

  • widhの値を100%に変更(半角)
  • heightの値をautoに変更(半角)

これでとりあえず、画像の枠が記事内に収まります。

。。。

じつはこれ、FC2ブログでカスタマイズしたもののメモだったんですが、おそらくWordPressでも役に立つだろう&FC2ブログもメモしときたい、という理由から記事にしました。

WordPressで画像全般の横幅を枠内に収めたい場合は、次をスタイルシートに追記すればOKなはずです。

(参考:レスポンシブの画像問題を解決する簡単な方法 | それからデザイン スタッフブログ

FC2ブログの場合はこれをしてしまうと、記事内はもちろんですがサイドバーやフッターに含まれる小さな画像すらも全て横幅いっぱいに伸ばされてしまうので、メチャクチャひどいことになってしまいました。なので、最初に紹介した「小手先の方法」をせざるを得ませんでした。

なのでなのでのメモ。

おすすめWPテーマ

SEOに特化した「賢威」


賢威

SEOに“これでもか”と特化したWordPressテンプレートです。

賢威の歴史は古く2007年から公開されています。総購入者数も15,000人を超えています。個人事業主の方から法人まで広く利用されているテンプレートです。

また、SEOマニュアルやフォーラムも付属しているので、SEOの勉強や他の方と交流などをすることができます。

検索エンジンから人を呼び込みたい場合にオススメです。

賢威を詳しく見る

よだれが出るほど美しい「TCD」


TCD

とにかく美しいWordPressテンプレート。

カッコいいプロ仕様のブログやサイトを運営したい場合にオススメです。

TCDは種類も豊富にあり、個人ブロガーからアフィリエイター、企業サイト、ギャラリーサイト、美容・エステ系、飲食・レストラン系など多数のテーマがあります。

次の記事でそれぞれ紹介しています。

TCD各テーマ紹介記事を見る
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

SNSでもご購読できます。