Affiliate Re:Life

アフィリエイトで最高の人生を取り戻す(リライフする)方法についてご紹介します。

ブログ

WordPressで文字色を変更するプラグインの使い方9ステップ

更新日:

この記事では、WordPress文字色を変更するプラグイン「TinyMCE Advanced」の、使い方について解説していきます。

あなたは、WordPressでブログ作成しているときに、

文字色やフォントサイズを変更する方法ってどうすればいいのかな?

と、考えたことはありませんか?

文字が全て同じ色よりも、黒・赤・太字など様々な文字装飾が入っている方が、見やすくなりますので気になるところですよね。

これ結論からお伝えしますと、

  • WordPressで文字色やフォントサイズを変更する、プラグインのおすすめは「TinyMCE Advanced(タイニー・エムシーイー・アドヴァンスト)」です。

そして、この「TinyMCE Advanced」の使い方はコチラの8ステップとなっています。

使い方の手順

  1. 「プラグイン」→「新規追加」をクリックする
  2. 「TinyMCE Advanced」で検索して「今すぐインストール」をクリックする
  3. プラグインの「有効化」をクリックする
  4. 「設定」→「TinyMCE Advanced」をクリックする
  5. 「Classic Editor (TinyMCE)」をクリックする
  6. 「テキスト色」「背景色」「フォントサイズ」を追加する
  7. 右上にある「変更を保存」をクリックする
  8. 「投稿」→「新規追加」をクリックする
  9. 「テキスト」→「文字色」などの追加した文字装飾をクリックする

それでは詳しく見ていきましょう。


【お知らせ】ライバル不在のキーワードを見つけて毎月30万円を稼ぐサイトアフィリ術

あなたは、サイトアフィリエイトでこのような、お悩みの経験はありませんか?

  • 記事をいくら作成してもアクセスが集まらない…。
  • 「頑張って記事を書いても商品が売れない…。」
  • 「ライバルが居ない又は弱いキーワードを見つけれない…。」

もし、1つでもあてはまるものがあるならば…。

無料で公開しています、サイトアフィリエイトで稼ぐための、

  • 「ライバル不在のキーワードを見つけて、毎月30万円を独占して稼ぐ方法」

こちらをご覧いただくことで、その悩みを解決して毎月30万円を安定して稼げる、お手伝いが出来るかもしれません。

お好きな時に1クリックで解除も簡単にできますので、まずは、完全無料で内容をご確認ください。

▼こちらから無料でご覧ください▼

 

WordPressで文字色を変更する「TinyMCE Advanced」の使い方!

WordPressで文字色を変更する「TinyMCE Advanced」の使い方はコチラでしたね。

使い方の手順

  1. 「プラグイン」→「新規追加」をクリックする
  2. 「TinyMCE Advanced」で検索して「今すぐインストール」をクリックする
  3. プラグインの「有効化」をクリックする
  4. 「設定」→「TinyMCE Advanced」をクリックする
  5. 「Classic Editor (TinyMCE)」をクリックする
  6. 「テキスト色」「背景色」「フォントサイズ」を追加する
  7. 右上にある「変更を保存」をクリックする
  8. 「投稿」→「新規追加」をクリックする
  9. 「テキスト」→「文字色」などの追加した文字装飾をクリックする

それでは1つ1つ見ていきましょう。

step
1
「プラグイン」→「新規追加」をクリックする

まずは、WordPressの左メニューにある、

  1. 「プラグイン」
  2. 「新規追加」

と、この順番でクリックして進めていきましょう。

step
2
「TinyMCE Advanced」で検索して「今すぐインストール」をクリックする

するとプラグイン追加の画面になりますので、

  1. 「TinyMCE Advanced」を入力して検索
  2. 「今すぐインストール」をクリック

と、この手順で進めていきましょう。

step
3
プラグインの「有効化」をクリックする

インストールが完了になったら、プラグインのボタンが「有効化」に変わるので、この「有効化」をクリックしましょう。

step
4
「設定」→「TinyMCE Advanced」をクリックする

プラグインの有効化を行ったら、WordPressの左メニューにあります、

  1. 「設定」
  2. 「TinyMCE Advanced」

と、この順番でクリックして進めましょう。

step
5
「Classic Editor (TinyMCE)」をクリックする

すると、「エディター設定」画面が開きますので、「Classic Editor (TinyMCE)」をクリックしましょう。

step
6
「テキスト色」「背景色」「フォントサイズ」を追加する

すると、記事作成画面に文字色などのアイコンを追加出来る画面が開きます。

ここでは、

  • 「テキスト色」
  • 「背景色」
  • 「フォントサイズ」

と、こちらのアイコンを上に追加をしましょう。

「テキスト色」「背景色」「フォントサイズ」のアイコンは、上記画像の位置ではなく、「使用しないボタン」の中の別の場所にありますので注意されてください。

step
7
右上にある「変更を保存」をクリックする

すると、上記画像のように、アイコンが追加されますので、追加されたら右上にあります「変更を保存」ボタンをクリックしましょう。

step
8
「投稿」→「新規追加」をクリックする

次は、記事作成画面を開くため、

  1. 「投稿」
  2. 「新規追加」

と、この順番でクリックしましょう。

step
9
「テキスト」→「文字色」などの追加した文字装飾をクリックする

WordPressの記事作成画面が開きましたら、とりあえず何かしらの文章を入力してください。

そして、入力した文章をドラッグ選択して、それぞれのアイコンをクリックしましょう。

テキスト色(文字色)の使い方!

  1. 文章をドラッグする
  2. テキスト色アイコンの右にある「▼」をクリックする
  3. 変更したい色を選択する

背景色の使い方!

  1. 文章をドラッグする
  2. 背景色アイコンの右にある「▼」をクリックする
  3. 変更したい色を選択する

フォントサイズの使い方!

  1. 文章をドラッグする
  2. フォントサイズの項目をクリックする
  3. 変更したいフォントサイズを選択する

あとは、記事を公開して下記画像のように、文字色やフォントサイズが反映されていれば完了です。

「TinyMCE Advanced」が反映されない時の対処法!

文字色を変更する、「TinyMCE Advanced」が反映されない時の対処法はコチラです。

  1. 「設定」→「TinyMCE Advanced」をクリックする
  2. 「エディターメニューを有効化する」にチェックを入れる
  3. 右上にある「変更を保存」をクリックする

それでは1つ1つ見ていきましょう。

step
1
「設定」→「TinyMCE Advanced」をクリックする

プラグインの有効化を行ったら、WordPressの左メニューにあります、

  1. 「設定」
  2. 「TinyMCE Advanced」

と、この順番でクリックして進めましょう。

step
2
「エディターメニューを有効化する」にチェックを入れる

「エディター設定」の画面が開いたら、下記画像の赤枠部分にあります、「エディターメニューを有効化する」にチェックを入れましょう。

「エディターメニューを有効化する」にチェックが入っていないと、反映されないため注意されてください。

step
3
右上にある「変更を保存」をクリックする

「エディターメニューを有効化する」にチェックを入れたら、右上にあります「変更を保存」をクリックしたら完了です。

【コピペOK!】プラグインなしで「文字色・背景色・フォントサイズ」を変更する方法!

プラグインの「TinyMCE Advanced」を使わずに、「文字色・背景色・フォントサイズ」を変更する方法はコチラになります。

「色」・「サイズ」の変更方法

  1. 「投稿」→「新規追加」をクリックする
  2. 「テキスト」をクリックする
  3. 変更したいソースをコピーする
  4. WordPressの記事へとソースを貼り付ける

それでは1つ1つ見ていきましょう。

step
1
「投稿」→「新規追加」をクリックする

次は、記事作成画面を開くため、

  1. 「投稿」
  2. 「新規追加」

と、この順番でクリックしましょう。

step
2
「テキスト」をクリックする

WordPressの記事作成画面が開いたら、右上の「テキスト」をクリックしましょう。

step
3
変更したいソースをコピーする

「テキスト」をクリックしたら、下記のソースをコピーしましょう。

テキスト色(文字色)のソース

<span style="color: #ff0000;">ああああ</span>

背景色のソース

<span style="background-color: #ffff99;">ああああ</span>

フォントサイズのソース

<span style="font-size: 18pt;">ああああ</span>

ちなみにですが、上記のソースにあります文字色ですが、

  • 青文字を変更:「色」が変わります。
  • 緑の数字を変更:「フォントサイズ」が変わります。
  • 赤文字を変更:「文章」が変わります。

と、このように「色・フォントサイズ・文章の内容」を変更することが出来ます。

ちなみにですが、文字色を変更する方法や他の色のコードに関しましては、「見出しの色を変更する方法とは?」こちらで詳しく解説していますので参考にされてください。

step
4
WordPressの記事へとソースを貼り付ける

あとは、コピーした上記のHTMLソースを、WordPressの記事へと貼り付けたら完了です。

WordPressで文字色を変更するプラグインの使い方9ステップのまとめ

まとめますと、

使い方の手順

  1. 「プラグイン」→「新規追加」をクリックする
  2. 「TinyMCE Advanced」で検索して「今すぐインストール」をクリックする
  3. プラグインの「有効化」をクリックする
  4. 「設定」→「TinyMCE Advanced」をクリックする
  5. 「Classic Editor (TinyMCE)」をクリックする
  6. 「テキスト色」「背景色」「フォントサイズ」を追加する
  7. 右上にある「変更を保存」をクリックする
  8. 「投稿」→「新規追加」をクリックする
  9. 「テキスト」→「文字色」などの追加した文字装飾をクリックする

以上が、WordPressで文字色を変更するプラグインの使い方9ステップについてでした。

是非、意識してチャレンジしてみてください。

アフィリエイトで毎月30万円を「自動」で稼ぐ方法を無料公開中!

あなたは、毎月アフィリエイト報酬を、自動で安定的に稼ぐ方法はご存知ですか?

もしかすると、

はぁ?自動で稼ぐって無理でしょ?

と、思われるかもしれません。

しかし、実は経験がまったくない初心者さんでも、仕組み化を行いアフィリエイトを自動で稼ぐ方法があるのです。

もちろん、怪しい方法ではなく、ちゃんとしたやり方です。

それは、「集客・教育・セールス」と、この全てを自動化できるノウハウを実践することです。

…とはいえ、どうやって自動化すればいいかわかりませんよね。

それに、集客・教育・セールスが一体何なのか?と、思うかもしれません。

そこで、コピペすら出来なかった、初心者の主婦でも自動で毎月30万円以上を稼げるようになった、

  • 自動で稼ぐためのノウハウ
  • 自動化テンプレート(ひな型)

を用意しました。

只今、期間限定で無料公開中ですので興味があればこちらからご覧ください。

必要がなければお好きな時に、いつでもワンクリックで解除も出来ます。

→ 毎月30万円を自動で稼ぐノウハウとテンプレートはこちら

 

自動化アフィリエイトで月収124万円稼いだ方法を公開中

あなたはこのような悩みを抱えていませんか?

  • 今の給料だけだと将来が不安
  • 自由に使えるお金があまり無い
  • 毎月の支払いで頭を抱えてしまう
  • やりたくもない仕事を我慢してやりたくない
  • 副業で毎月10万円以上を稼げるようになりたい
  • 今の給料とは別に20~30万円毎月ほしい
  • 初心者でも稼げる方法を知りたい
  • 好きな時に家族と海外旅行に行けるようになりたい
  • 借金を返済してスッキリしたい
  • 脱サラして好きな事をして生活をしたい
  • 思ったよりも売上が上がらない
  • アクセスが増えずに悩んでいる
  • 収入が安定しない
  • ブログのネタが思い浮かばない
  • 具体的な稼ぎ方がわからない
  • 何をすれば稼げるのかがわからない

1つでも当てはまるのであれば、ぜひ無料でご覧ください。

過去に17種類以上のビジネスにチャレンジしたなかで、実績ゼロの初心者が小資金でリスクなく稼げてしまう唯一の方法をお伝えしています。

そして、たった3ヶ月で月収124万円を自動で稼いだ方法まで無料で公開していきます。

今なら12,800円相当のプレゼント付きですので、 試しに1通でも読まれてみてください。

→ 完全自動で月収124万円稼いだ方法はこちら

(※必要がなければ好きな時に、1クリックでいつでも解除も出来ます。)

 

  • この記事を書いた人
  • 最新記事

福永健一

「嫌なことを我慢しない、最高の人生を取り戻す!」をテーマに、ブログとメルマガを使いアフィリエイトで、個人でも自動で収益を上げる方法をお伝えしています。 → 個人でも稼げる方法と詳しいプロフィールはこちら

-ブログ

Copyright© Affiliate Re:Life , 2019 All Rights Reserved.