[`yahoo` not found]
Pocket

73838e389518985b6dd7c9386fef0483_s

1.フォントの見た目はどう変えるの?


ネット上の様々なサイトを見ていると、
文字(フォント)のサイズを変えたり、着色したり、
太文字にしていたり、さらには、
重要な部分は文字に背景色をつけているものもあります。

勿論、ワードプレスにもフォントのサイズ、文字の色変更、
文字を太くする機能、文字に背景色をつける機能があります。

でも、ワードプレスの標準的な記事投稿画面だと、
フォントの色を変えたり、
文字サイズを変える機能最低限しかがついてなくて、
「どうやるの?」と初心者の方は悩むと思います。

ビジュアルモードを使えば、
より簡単にフォントの色などを設定できますが、広告を貼り付けたときに、
ワードプレス特有の画面を見やすくする機能のせいで
リンクコードが勝手に改変されてしまいます。

リンクコードが勝手に改変されてしまうと、
成果報酬が正しく反映されなくなるので、
ここでは、ビジュアルモードを使わずに
テキストモードでワードプレスのフォントの変え方解説をしていきます。

※ここではタグを画面に表示させるために
<>を全角で入力して書いていますが、実際入力するときは、
全て半角で入力して下さい。


フォントの色の変え方

下記のように、タグを使って変えてきます。

赤<font color=”red”>下記のように、タグを使って変えてきます。

<font color=”red”>ここに変えたい文字を入れる</font>
<font color=”blue”>ここに変えたい文字を入れる</font>
<font color=”yellow”>ここに変えたい文字を入れる</font>

またワードプレスにはカラーコードがあります。
カラーコードを指定することにより、下記のように変えられます。

カラーコード「#DC143C」の色を使います。
<font color=”#DC143C”>このような色になります
</font>


ワードプレスのカラーコードは200種類以上ありますので、
こちらをご覧ください。
カラーコード一覧

太文字にする

太文字にする場合は、編集画面のbボタンを押して下さい。
するとこのようになります。

<strong><font color=”red”>
ここに変えたい文字を入れる</font></strong>


<strong><font color=”blue”>
ここに変えたい文字を入れる</font></strong>


<strong><font color=”yellow”>
ここに変えたい文字を入れる</font></strong>


文字の大きさを拡大する

<font size=”4″><font color=”red”>
ここに変えたい文字を入れる</font></font>


太文字にすると、

<font size=”4″><fontcolor=”red”>
<strong>ここに変えたい文字を入れる
</strong></font></font>


<font size=”5″>
<fontcolor=”blue”>
ここに変えたい文字を入れる
</font></font>


<font size=”5″>
<fontcolor=”blue”><strong>
ここに変えたい文字を入れる
</strong></font></font>


<font size=”6″>
<font color=”yellow”>
ここに変えたい文字を入れる
</font></font>


<font size=”6″>
<font color=”yellow”>
<strong>
ここに変えたい文字を入れる
</strong></font>
</font>


<font size=”6″>のかっこの中の数字を変えることによって、
フォントの大きさが変わっていきます。

フォントの下に下線を入れるタグ

</u>ここに下線を入れる</u>

</u>このように下線が入りました</u>

文字に背景色をつける

<font style=”background-color:#FFFF00″>
ここの文字に背景色を付ける</font>


太文字にします。

<font style=”background-color:#FFFF00″><strong>
ここの文字に背景色を付ける</strong></font>


さらに、フォントを赤にします。

<font color=”red”>
<font style=”background-color:#FFFF00″><strong>
ここの文字に背景色を付ける</strong></font>


最後にフォントをサイズ5にします。

<font size=”5″><font color=”red”>
<font style=”background-color:#FFFF00″>
<strong>ここの文字に背景色を付ける
</strong></font>


しかし、いちいちフォントのサイズや色変更のために、
手入力でタグを入れていたら時間がかかります。

そこでブラグインを使って、普段から良く使うフォントのサイズと
フォントの色、背景色をあらかじめ設定しておきます。

2.ブラグイン「AddQuicktag」を使う


ワードプレスの管理画面からプラグインのページへ行き、
画面一番上にある「新規追加」のボタンを押して下さい。

プラグインを追加の画面が出たら、画面右上にある検索の窓に
AddQuicktagを入力して、エンターキーを押して下さい。
AddQuicktagをインストールしたら、有効化してください。

「AddQuicktag」の設定画面でクイックタグの追加と削除を行います。

bandicam 2016-07-15 21-11-45-228
下の画像のように入力していきます。
画面右側のビジュアルエディター項目は全部チェックを入れます。

bandicam 2016-07-15 21-53-15-224

bandicam 2016-07-15 21-54-38-351

bandicam 2016-07-15 21-55-20-168


さらに、もっと下の項目「Enhanced Code Quicktag buttons」では、
「Pre」と「htmlentities」の一番右の項目「widgets」に
それぞれチェックを入れます。

bandicam 2016-07-15 21-55-51-619

最後に「変更を保存」の青いボタンを押して下さい。

これでワードプレスの記事投稿画面に、フォントサイズを変えるボタン、
フォントの色を青にするボタン、
さらにハイライト黄色ボタンが追加されました。

このようにしてフォントの色や大きさなどの見た目を変えていきます。



[`yahoo` not found]
Pocket