WordPress 見出しに色をつけてみました

WordPressで作成しているサイトで見出しに色をつける方法です。

見出しに色がついたら、見た目が華やかになったり、メリハリが効いて見やすくなったりするんじゃないかと思います。

今回は、見出しに色をつける方法をメモっておきます。

 

こんな色の見出しはいかが?

いきなりですが、↑のような見出しはいかがでしょうか?

薄い青の背景色に、それより濃い青色の文字。
配色のセンスは置いておいて、黒一色のときより、パッと見た時いい感じに見えませんか?

これは、HTMLコードで「background-color」と「font color」を指定しています。

 

「background-color」と「font color」で色を変えます

具体的には、次のようなHTMLコードを書いています。

<h3 style="background-color:#b0c4de">
<font color="#00008b">
「background-color」と「font color」で色を変えます
</font> 
</h3> 

ただ、これでは見出しの度にコードを書いていかなければなりません。

もう1つ便利な方法があります。CSSを使う方法です。

 

CSS+HTMLコードを使った方法

ざっくり言うと、CSSに色をの登録を行っておいて、HTLMでそれを指定する方法です。
このCSSを使った方法は、また別の機会に試してみようと思います。

内容に誤り等がありましたら、ご指摘いただけますとうれしいです。
よろしくお願いいたします。

メール送信はこちらから 
https://koredeji.com/toiawase/