PR

【WordPress】キャプションの文字サイズを変更する方法

Word Press
この記事は約2分で読めます。
記事内に広告が含まれています。

WordPressで画像を設定すると、画像の下に文字を入力するための「キャプション」が表示されますが、デフォルトだと文字のサイズが大きい…。

うめ
うめ

このままだと主張が強すぎるなぁ…。

この記事でわかること

プラグインを入れずに文字サイズを変更する方法

今回はキャプションの文字サイズを変更する方法を紹介します。

Amazon

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;
}

ソースコード入力後に「公開」を選択で画面に反映されます。

まとめ

キャプションの文字サイズについて解説をしました。

難しい設定ではないので、どのように表示させるかを決めてしまえばすぐに変更できると思います。
(本当は画面上で変更できるのが一番楽なんでしょうけどね…。)

この記事が気に入ったら
いいね ! しよう

Twitter で
タイトルとURLをコピーしました