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

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

Photo Bench Accounting via Unsplash

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

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

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

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

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

参考

人気の記事

日本語対応の無料WordPressテーマ10選
日本語対応の無料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ3選
アドセンス運用に最適なWordPressテーマ3選

コメント

  • Posted on
  • Updated on
  • Views 332