ワードプレスで記事を書く時に、文字のサイズや色を変更する方法を紹介します。
「テキスト方式」で記載することを前提とします。
初心者におすすめしたい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の太文字で赤でさらに背景色をつける