![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
よーし今日も渾身のブログ記事を書くぞー!
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
イイ感じ良い感じ!それでここだけ文字の色を変えて・・・あれ全部変わっちゃう!??
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
それは、ブロック全体で色を変えてしまっているからですよ
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
ここではブロックの中にある特定の一部分の文字色を変える方法をお伝えします!
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
それです!!お願いします!!
ワードプレスで部分的に色をつけたいときってありますよね。例えば強調したいとき、文字を太字の赤色にしたいのに、周り全部が影響を受けてしまって困っている。というお声をよく聞きます。ホームページ制作会社として数多のお客様から聞かれたこのご質問を解決していきます!
結論:ハイライトで変えれる!
早速、結論から言いますと、「ハイライト」で変えれます!
![ハイライトをクリックしてから](https://techkoya.com/wp/wp-content/uploads/2022/10/image-32.png)
![ハイライトをクリックしてから](https://techkoya.com/wp/wp-content/uploads/2022/10/image-32.png)
![お好きな色を選択する](https://techkoya.com/wp/wp-content/uploads/2022/10/image-35.png)
![お好きな色を選択する](https://techkoya.com/wp/wp-content/uploads/2022/10/image-35.png)
たったこれだけで、
一部分だけばっちり強調できる赤色にできました!
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
もう出来た!けど、これで無事色は変えれそうだけど、これが出来るなら、他にもいろいろできそうな気がする・・・
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
実はそうなんです!さっきのハイライトがあった場所は「ブロックツールバー」と言うんですよ。詳しい記事もぜひあわせて読んでみてくださいね。
![](https://techkoya.com/wp/wp-content/uploads/2022/09/テクこやアイキャッチ0920-300x169.jpg)
![](https://techkoya.com/wp/wp-content/uploads/2022/09/テクこやアイキャッチ0920-300x169.jpg)
でもなんで全体の色が変わってしまったの?
ではここからは根本的な原因を探ってみます。一応先ほどの文章で疑問には答えられましたが、原因がわからなければまた同じことで悩んでしまうかもしれません。
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
せっかくなのでこれを期に原因を探ってみましょう!
ズバリ!テキスト全体の色が変わってしまった方は、どうやって文字色を変えたのか。それはこうです。
![ブロックからテキストの色を変えると全部のテキストが変わってしまいます](https://techkoya.com/wp/wp-content/uploads/2022/10/image-37.png)
![ブロックからテキストの色を変えると全部のテキストが変わってしまいます](https://techkoya.com/wp/wp-content/uploads/2022/10/image-37.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
ギクッ!!
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
口に出てますよ
これだと全体の色が変わってしまってもおかしくありません。なぜなら、画面右上にある「ブロック」の「色」を変えようとしていたので全体の色が変わってしまったのです。
![画面右上にある「ブロック」](https://techkoya.com/wp/wp-content/uploads/2022/10/image-38.png)
![画面右上にある「ブロック」](https://techkoya.com/wp/wp-content/uploads/2022/10/image-38.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/07/block_editor_01-1-300x169.jpg)
![](https://techkoya.com/wp/wp-content/uploads/2022/07/block_editor_01-1-300x169.jpg)
・・・こうなると良く聞くセリフがこうです。
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
昔のワードプレスはこんなことなかったのになぁ・・・
そうなんです。実は今でこそブロックエディタが主流ですが、その昔はクラシックエディタというものが使われており、他のブログサイトと同じような感覚でコンテンツを制作できました。
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
このような感じですよね?
![かつてのクラシックエディタを再現](https://techkoya.com/wp/wp-content/uploads/2022/10/image-39.png)
![かつてのクラシックエディタを再現](https://techkoya.com/wp/wp-content/uploads/2022/10/image-39.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
って、ブロックエディタの中にクラシックエディタがある!!?
そうなんです。ブロックエディタの特徴といえば、さまざまな機能をもったブロックを組み合わせることですが、「クラシック」という機能も存在するのです。
![「クラシック」という検索すればブロックが出る!](https://techkoya.com/wp/wp-content/uploads/2022/10/image-41.png)
![「クラシック」という検索すればブロックが出る!](https://techkoya.com/wp/wp-content/uploads/2022/10/image-41.png)
もしブロックエディタが使いにくい方は、クラシックのブロックを利用してみてください。また、根本的にクラシックエディタへ戻せるプラグインもあります。
![クラシックエディタへ戻せるプラグインもある](https://techkoya.com/wp/wp-content/uploads/2022/10/image-42.png)
![クラシックエディタへ戻せるプラグインもある](https://techkoya.com/wp/wp-content/uploads/2022/10/image-42.png)
しかし、先述したとおりホームページ制作会社の視点から言わせてもらいますと、できればブロックエディタに慣れてほしいです。
というのも、ワードプレス6.0へのバージョンアップでホームページのあらゆる箇所(ヘッダーやフッター)がブロックエディタで編集できるテーマが出ました。
これからワードプレスは、より簡単にどこでも編集できるよう進化していくと予想できます。にも関わらず制作会社へ丸投げしてしまうことは、自分で漕げる船があるのに他人に操縦を任せてしまうようなもので、それだとハリボテの宝島へ到着しても気づかず満足してしまうでしょう。
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_neko-150x150.png)
なんか話がえらく飛んだなぁ
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
けど、24時間365日自分の代わりに営業してくれるホームページは大切なので、自分の責任でホームページ制作やコンテンツ作成をしたいですよね。
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
それではまとめます!
まとめ
本ブログ記事では、特定の文字だけ色を変える方法として、ブロックツールバーのハイライトを利用した方法をお伝えしました。
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
![](https://techkoya.com/wp/wp-content/uploads/2022/02/fukidashi_sensei3.png)
ブロックツールバーの詳しい記事もありましたね
また、ブロックエディタの基本的な説明としてクラシックエディタの機能をもったブロックやそもそもクラシックエディタにしてしまうプラグインのご紹介もしました!
ワードプレスに詳しくなって、どんどん良いコンテンツを発信していきましょう!!
ホームページにはたくさんのブログ記事が用意してあるので、チェックしてみてください!
記事の内容が良ければ「役にたった」ボタンのクリックもお願いします♪
質問などあれば気軽に書き込んでくださいね♪