HTMLを使って文字色を変える

文字・アルファベット・A

ここで使っているブログテーマのSANGO。
文字色を赤や青や緑に変えたい時、「SANNGOカスタマイズガイド」を見ると、

SANGOのオリジナルスタイルを使用する。

とあるのですが、

ツールバーには「スタイル」じゃなくて、
「ペンに下線がある」アイコンで「SANGOハイライト」となっています。
別のものと思ってしまい、「ツールバーのどこかに『スタイル』があるのか?」と探してしまいました。

そして、ここのドロップダウンメニューに文字色が変更できる選択があるはずですが、私のメニューにはありません。

グーテンベルクエディタには、表示されないそうです。
そして、私はグーテンベルクを使っています

文字の色を変えるのは、文字装飾としては基本かと思っていたので、表示されないのが意外でした。

「スタイル」のメニューを表示させるには

基本的な対処としては
「WordPress公式プラグインをインストール」すれば、文字色を選択できるメニューが表れるそうです

ただ、個人的にはできるだけプラグインは入れたくないな、という思うので、投稿画面でHTMLを使って、文字色を変更してみたいと思っています。

文字色を変える「HTML」

とりあえず、カスタマイズガイドにあるHTMLをコピペしました。
赤・青・緑・オレンジ・シルバーの5色です。

文字の色を変えたい時は、
<タグ>色を変えたい文字</タグ>
変えたい色のタグをコピペして、使ってみたいと思います。

<span class="red">赤</span>、<span class="blue">青</span>、<span class="green">緑</span>、<span class="orange">オレンジ</span>、<span class="silver">シルバー</span>