WordPressで画像を設定すると、画像の下に文字を入力するための「キャプション」が表示されますが、デフォルトだと文字のサイズが大きい…。
このままだと主張が強すぎるなぁ…。
今回はキャプションの文字サイズを変更する方法を紹介します。
30日間無料登録できる「Amazonプライム会員」に登録すれば、翌日に購入した商品が届くお急ぎ便・お届け日時指定便の指定ができるので、荷物をなるべく早く受け取りたい人にオススメ！
無料体験期間中もAmazonプライムビデオや1億曲以上聞き放題のAmazon Musicなど、すべてのプライム会員特典がセットになっています！
30日間以内に解約すれば費用は発生しません！
「追加CSS」にコードを追加
「外観」⇒「カスタマイズ」⇒「追加CSS」を選択
「追加CSS」に下記のコードを追加します。
.wp-block-image figcaption{
font-size: 12px;
}
これでキャプションに表示される文字サイズは作成済みのものを含めて全て「12px」に変更されます。
個人的には12pxがちょうど良いサイズと思っていますが、もっと小さくしたい場合は数字(12px)を小さく設定しましょう。(大きくしたい場合は数字を大きく設定)
表示位置を指定する
下記のようにキャプションの表示位置はデフォルトで中央表示になっているので、表示位置を変更したい場合は下記のコードを追加しましょう。
/* 左寄せ*/
text-align: left;
/* 中央寄せ*/
text-align:right;
/* 右寄せ*/
text-align:center;
文字サイズを12pxで中央揃えに表示させる場合は「追加CSS」に下記のように設定。
.wp-block-image figcaption{
font-size: 12px;
text-align: center;
}
ソースコード入力後に「公開」を選択で画面に反映されます。
まとめ
キャプションの文字サイズについて解説をしました。
難しい設定ではないので、どのように表示させるかを決めてしまえばすぐに変更できると思います。
(本当は画面上で変更できるのが一番楽なんでしょうけどね…。)
