ブログ記事の文字色を変えよう 1 【記事の書き方のコツ】

ブログ記事の文字色を変えよう1

ブログ記事を書くときには

見やすく読みやすくするための
いろいろな工夫があります。

今回は

方法

絵具

 

について、くわしく
ご説明しますね。

 

 

いつもお読みいただいて、
ありがとうございます^^

もしもブログの

文字がこんな色だったら…どうでしょうか?

 

【悪い例】

こんにちは

はじめまして

よろしくお願いします

こんな色で書いてあったら…

とても読み続けようとは
思いませんよね(笑)

黄色にいたっては
もはや読めません…(;´∀`)

 

このように、色ひとつで
読みやすさというのは
全く変わってきます。

うまく取り入れて
読みやすい記事にしましょう^^

 

その前に…

色を変えるために、
便利な「プラグイン」

タイニーMCEアドバンス
もし、入れていない方は
ぜひ入れておいてくださいね^^
 

ご紹介記事 
 ↓ ↓ ↓

TinyMCE Advanced 投稿画面を便利にカスタマイズ【プラグイン解説】

 

このプラグインを入れていただくと
簡単に色を付けるボタンが増えますよ^^

 

文字の色の変え方

色の変え方 【基本】

色を変えたい文字を入力したら
選択して反転させます。

文字の色を変えるテスト

 

 

反転させたら、そのまま
このボタンの
「右側の▼」を押します。

テキスト色変更ボタン

 

 

すると、色を選べる
カラーパレットが出ます。

フォントカラーパレット

 

 

この中から、好きな色を
選択すると文字の色が変わります。

文字食変更

 

 

ちなみに、

ボタンの「A」という文字の下にも
色がついたのが
お判りいただけるかと思います。

これは、
水色を覚えている」状態です。

 

こうなったら、わざわざ毎回
パレットをひらかなくても

Aの文字を押すだけで

履歴から色変更

 

また、同じ色に変えることができます^^

部分選択の色変更

 

・Aを押すと、今覚えている色になって
・矢印を押すと、カラーパレットが出てくる

ということですね^^

ここまでは簡単ですね(*^_^*)

 

しかし、このカラーパレットだと
色数が少なくて

フォントカラーパレット

 

なんて言うんですかねぇ…

レトロなホームページみたいな(笑)

無骨な配色が多いので

✨きれいな中間色✨にしたい!
という方も多いのではないでしょうか?

そんな場合はこちら↓

 

色の変え方 【応用編】

そこでカラーパレットの
「カスタム」を開くと

カスタムカラー

 

 

グラデーションのグラフが出てきます。

カラーパレット

ここから中間色
選ぶことができますよ(*^_^*)

グラデーションの好きなところを
クリックして、
白黒のバランスを変えてみたり

茶色に変更した様子

茶色になりました。

 

初めは、が選択されているので
右側の縦長のグラデーションで
色味を変更することができます。

色相変更

さ、これで好きな色を選んでね!!

 

…って言われても
困りますよね(笑)

このカラースケールで
好みの色を作り出すのは
なんだか職人技みたいなので

(楽しいですけどね)

このような色見本のサイトで
https://www.colordic.org/
好きな色を探してみるのもアリです。

例えば…「パステルカラー」を選んで

好みの青を見つけたとします。

そこに書いてある番号を
チェックしてください。

色番号選択

ここだと、#9eceff とありました。

これをコピーしておいて…

カラーパレットの
カスタムで出てくるチャートに
この数字を入力します。

カラーコード入力

すると、指定した色に
変わります^^

 

このようにして、カラーチャートで
番号を調べたり…

または、色見本からではなく、
自分の好きなサイトの
この色を使いたい!

というときは、
そのサイトが何色を使っているのか
を調べなければなりません。

その方法は、こちらの記事にも
書いているので、
ぜひ参考にしてください^^

 ↓ ↓ ↓

Chromeも便利にカスタマイズ! Color Pick Eye dropper / ピクセルの色を表示する 

 

今日は基本の色変更と、選び方でした^^

これを踏まえて…
次は【応用編】をお話します^^

お楽しみに!

 

 

 

 

村重 敦子

「猫でもわかる!」くらい簡単にわかりやすく、WordPressの使い方をサポートする、WordPressソムリエです。デザインを学んだ後、なぜかレストランでワインサービスに従事。絵も描けるワインソムリエでした。その後大手通信会社に勤めIT・Webの各種サポートを経験。ソムリエもWebも常に「専門知識をお客様に合わせてわかりやすくご提案し、期待以上のサービスをする」ことをモットーとしています。テクニカルサポートの経験は、通算1,100人以上。現在はWebデザイン・ディレクターをしながら、ブログ集客をしたい方へWordPressの制作、使い方のレクチャーなどを行っています。

Pocket