メディア(画像)にキャプションを設定するとコンテンツ枠からはみ出す不具合

公開日: 

「メディアを追加」する際キャプションを入力すると、コンテンツ枠からはみ出してしまう不具合の修正方法をご案内します。

ここが「キャプション」になっています

ここが「キャプション」になっています。テキストが長いとそのまま枠からはみ出て表示されるので、CSSに追記してください。※このように画像の幅に合わせて表示されます。

CSS修正箇所とクラス名

CSSに1行加えてください。

最初のほうに「クラス定義」とコメントされている部分なので、すぐ見つかると思います。

■修正前CSS

■修正後CSS

自動的に付与されるクラス名

キャプション使用時は、画像・キャプション全体がDIV要素で囲まれ、「wp-caption」というクラス名がつきます。

キャプションテキストは<p>に「wp-caption-text」というクラス名がつくので、ここをCSSでお好みのデザインに変更してください。

その他不具合がありましたら、こちらよりお問い合わせください。

シェアありがとうございます

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PAGE TOP ↑