WordPress｜ギャラリーキャプション表示スタイルを変更するCSS

WordPressのでギャラリーブロック表示をすると、キャプション文字のスタイルが指定されていないため、通常文字サイズの左寄せになってしまいます。それを解決するCSSです。

キャプションの見え方の違い

○通常のキャプション

○ギャラリーのキャプション

↑これが通常のギャラリーキャプションの位置とフォント。

上のスクリーンショットのように、フォントの色も大きさも本文と同じなので文章が読みにくなります。

○CSS追加後のキャプション表示

この表示だとちゃんとキャプションなのか本文なのかがわかりやすい。

ギャラリーキャプション文字表示を変更するCSS

下記のCSSで対応しました。

.wp-block-gallery figcaption {
    text-align: center;
    font-size: .75rem;
}

これをページ下部のCSSエリアや、テーマカスタマイズ画面のCSS欄へ貼り付けるだけでOK。ギャラリーにキャプションはあまり利用されないないのかな？

以上、WordPressのギャラリーキャプション表示変更用CSSのご紹介でした。

ちなみに、JINのギャラリー表示はおかしい。このあたりはまた今度。