【wordpress】文字のサイズ、文字色、文字の背景色を変えてみよう
wordpressの基本的な機能について紹介します。
文字のサイズ、文字色、文字の背景色を変える方法について説明します。
文字のサイズを変えてみる
デフォルトでは16pxです。これを、大きくすると下記のようになります。
18px
20px
24px
逆に小さくすると、
14px
12px
10px
こんな感じになります。
直接フォントサイズを指定するのも可能
直接フォントサイズ(文字のサイズ)を指定することも可能です。
<span style="font-size: 120px;">任意の文字</span>
テキストエディタに上記のように書き込みます。上記の場合は120pxです。ちなみに大きさは、
120px
です。普通、こんなサイズは使いませんが、pxを直接指定すれば、とことん大きくなります。
2px
また、上記のように逆に小さくすることも可能です。見えましたか？画面に付いたホコリが何かと勘違いしそうですね。
端末が対応できる限り大きく、小さくできます。
文字色を変える
※下記の画像は、旧エディターの場合の表示です。旧エディターとブロックエディターについてはこちら。
上の画像のようにボタンを押すと、色を選ぶことができます。カスタムの色を追加することも可能です。
まず黒で書いてから、色を変えたい文字を指定して、その部分だけ色を変えることもできます。
Bボタンを押すと、太字になり、色をより強調できます。
文字の背景色を変える
上の画像のようにボタンを押すと、文字の背景色を選ぶことができます。カスタムの色を追加することも可能です。強調したい時などに使います。
まず黒で書いてから、色を変えたい文字を指定して、その部分だけ色を変えることもできます。
太字にすると、より強調することができます。
まとめ
文字のサイズを変えたり、色を変えたりすることで、強調したり、対比する際などに区別しやすくします。
また、黒だけの文章よりも見た目が良くなります。読者に対しても、興味を引いたり、どこが要点なのかが分かりやすくします。
是非、文字色などに意識して記事を書いてみましょう。