広告 ブログ運営

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

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

初心者におすすめしたいASPは下の記事で紹介しています。収益化できるワードプレスブログをつくるなら、アフィリエイトASPは重要です↓↓

色を変更したい場合

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


<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の太文字で赤でさらに背景色をつける

-ブログ運営