ワードプレス(WordPress)文字のサイズ、色の、簡単な変更方法

ワードプレス(WordPress)文字のサイズ、色の、簡単な変更方法
ワードプレスで記事を書く時に、文字のサイズや色を変更する方法を紹介します。
「テキスト方式」で記載することを前提とします。

色を変更したい場合

コードはすべて直接記事のテキストに記述する方法です。


<font color="red">赤</font>
<font color="blue">青</font>
<font color="yellow">黄色</font>
<font color="green">緑</font>
<font color="Fuchsia">ピンク</font>
<font color="brown">茶</font>

上記コードのブラウザでの表示は



黄色

ピンク

色はいろいろ(ダジャレじゃないです)あります。
カラーコードはこちらのサイトを参考にしました。
LINKカラー見本サイト

文字のサイズを変更したい場合

<font size="1">フォントサイズ1</font>
<font size="2">フォントサイズ2</font>
<font size="3">フォントサイズ3</font>
<font size="4">フォントサイズ4</font>
<font size="5">フォントサイズ5</font>

上記コードのブラウザでの表示は

フォントサイズ1
フォントサイズ2
フォントサイズ3
フォントサイズ4
フォントサイズ5

文字を装飾したい場合

<b>文字を太文字にする</b>
<del>文字に取り消し線を付ける</del>
<u>文字に下線を付ける</u>
<font style="border-bottom: 1px dashed">ノート風の下線を付ける</font>
<font  style="background-color:#FFA07A">文字に背景色を付ける</font>

上記コードのブラウザでの表示は

文字を太文字にする
文字に取り消し線を付ける
文字に下線を付ける
点線の下線を付ける
文字に背景色を付ける

組み合わせると

<font color="red" size="5" font style="background-color:#FFA07A"><b>フォントサイズ5の太文字で赤でさらに背景色をつける</b></font>

上記コードのブラウザでの表示は

フォントサイズ5の太文字で赤でさらに背景色をつける

The following two tabs change content below.
AKIRA

AKIRA

上尾市在住の、リサイクルショップで働くサラリーマン。 Twitter・Facebookやってます。 小心者なので、誰か声かけてくれると嬉しいです。
スポンサーリンク
スポンサーリンク
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です