WordPressで画像にキャプションを設定したときに横幅が大きくなる件を解決する方法

WordPressで画像にキャプションを設定したときに横幅が大きくなる件を解決する方法

Photo Bench Accounting via Unsplash

WordPressで画像にキャプションを設定すると、次のように横幅を指定したHTMLが出力されます。

<div>タグにstyle="width: ○○○px"が指定されています。

このwidthは「画像の幅+10px」で出力されます。そのため、テーマの作りやスタイルがキャプションを想定していないと、スマートフォンで見たときなどに画像が横に大きくはみ出てしまうことがあります。

<div>タグに出力されるwitdhスタイルを削除するには、functions.phpに次のコードを追記します。

これで、WordPressの画像にキャプションを設定したときに画像の横幅がおかしくなる件を解決することができます。

参考

スポンサーリンク

みんなが見ている記事

コメントを投稿する

  • Posted on 2017.04.18
  • Views 162