wordpressでフォントの色を変える

Author:
highlighter-marker-pen-pink

一見気づかないけど、wordpressのツールバーには文字色変更が無い。
正確には、ビジュアル側のツールバーを広げればあるのだけど、テキスト編集側には無い。
もちろんWeb界隈の人間ならタグ書けばいいだけの話だけど、htmlもcssも知らない人にはだいぶひどい話である。
まあそういう人はビジュアルエディタ使えという話でしょうけど、簡単に説明しましょう。

方法はいくつかあります。
一つはクラスを書いてしまうこと。

外観のテーマの編集からclassを追加する。
.red {
color: #ff0000;
}
とcssに書いておけば、<div class=”red”>とか<span class=”red”>などで色を変えられます。
一番web界隈で使われますが、cssの書き方とか間違えると他にも影響出るのが困り者。

この記事だけだったら直接スタイル書いた方が早いかも。
<div style=”color:#ff0000;”>赤色</div>
こんな感じですね。
なお、divやpは前後で行が分かれ、spanは行区切りが入りません。
タグの詳細な説明はここではしないのでどっかググッてください。

一応昔の書き方として<font color=”#ff0000″>という書き方もあるけどあまりお勧めできないですねえ。
わかりやすくはあるのだけども。
HTMLは構造を書く場所であるとかまあそんなうるさい事言う人がいるのです。
といいつつグラフィカルなWebサイトが世の中溢れているし、グラフィカル要素を実現するためにdivの階層構造とかばかりになるのは何故だろう。

ま、とりあえず二番目の方法はWeb界隈にいない人でも知っておくといいかと。
いちいちツールバーから探す手間を省けますから。

Share on Facebook
Pocket