記事内に広告が含まれています。

【Gutenberg】新エディタで特定の文字や文字列の一部のみ色を変える方法【WordPress5.0】

Wordpress
記事内に広告が含まれています。

WordPress5.0アプップデートで新エディタになってから、便利になった一方、「不便だな~」と思うものも多数あります。

その中でトップにあがるのは、”文字列の一部だけに文字装飾できないこと”ではないでしょうか。

ビジュアルエディターから選択できる文字装飾(文字サイズ・背景カラー・テキストカラー)自体は、とても便利にできるようになったのですが、ブロックごとにしかできないため、そのブロック内の一部の文字の色を変えることができません。

特にテキストカラーを多用して、記事を見やすくしている方にはとても不便ですよね。

今回は、ブロック内の一部の文字の色を変更する方法を紹介します。

スポンサーリンク

プラグインを利用する

プラグイン「Advanced Rich Text Tools for Gutenberg」を利用すると、今までのように選択した文字だけの色を変更できます。

「Advanced Rich Text Tools for Gutenberg」のインストール

プラグイン→新規追加→「Advanced Rich Text Tools for Gutenberg 」と入力すると、2段目ぐらいに表示されます。

使い方

インストール後は有効にするだけでOKです。特に設定などはないので、投稿画面で文字色が変更できるか試しましょう。

一部の文字だけ色を変更

一部の背景だけ色を変更

配置など変わっているので注意が必要です

・プラグインが日本語対応されていないため英語表記です。
・新エディタの背景色とテキストカラーの配置が上下逆になっています。(テキストkラーが上あります。)
・文字のサイズはブロックごとに変更されます。

旧エディタかクラシックブロックで対処

ブロック内にある「クラシックブロック」を使用して、テキストカラーを変更する。色を多用していた方は、ほとんどのブロックがクラシックになってしまいそう&毎回面倒くさいです。

プラグイン「Classic Editor」をインストールして、旧エディタで頑張る。このプラグインのサポートは2021年までですが、それまでになにか良いプラグインや対応できるテーマ更新などされることを願いましょう。

スポンサーリンク

プラグインやテーマの対応を待つ

他力本願です。

まだまだ不安定な新エディタなので、コレッ!という対策がないのが本音です。

テーマ開発者の方の中には、新エディタ用に対応するため、テーマの更新作業を進めている方もいらっしゃいます。

別サイトにて使用している『Cocoon』。このサイトで使用している『simplicity』も同じ方が制作しています。

旧エディタ(クラシック)に戻すプラグインをインストールしなくても、テーマで新エディタと旧エディタを切り替える機能をすぐに追加してくれました。『Cocoon』ではベータ版ですが、新エディタ対応のCocoonテーマ用のプラグイン(ブロック内にCocoonの機能が追加される)を開発したりと、本当に無料テーマなのかというほど助かっているテーマです。
たぶん、今後、文字色なども対応してくれるのではと思っています。

追記

無料テーマCocoonでは、新エディタ対応のCocoon用プラグインが追加され、ブロック内で選択した文字だけマーカーなどで装飾できるようになりました。

【Cocoon】新エディタ対応!プラグイン「Cocoon Blocks」追加で快適に!【WordPress】
無料テーマ『Cocoon』では、WordPressアップデートに伴う新エディタ対応のプラグイン 「Cocoon Blocks」 を追加することで、旧エディタで使用できていた便利な機能が、新エディタでも簡単に使えるようになっています。 今回は...

まとめ

この様に、テーマやプラグインで対応できるものが増えていくかと思われますが、新エディタ自体がまだ不安定で、仕様も変わっていくようなので、更新後にエラーが出たり、使えない場合も出てきます。

まずは、ローカルで試してみることが大事です。私もインストールするプラグインなどをローカルで試しながらしています。新エディタになってからは、記事作製もローカルで入力することが多くなりました。

ローカルでの作業をしたことが無い方でも、簡単に導入できて使いやすい「
Local by Flywheel 」はおすすめです。

ゲームのラグ解消!おすすめネット回線
オンラインゲームに最適な回線【NURO光】
ポイント
  • 最大2Gbpsの超高速回線
  • 独自配線網利用で安定性が高い
最大速度 最大2Gbps
月額料金 5,200円
キャッシュバック 45,000円
基本工事費 実質無料
セット割 でんき・ガス・ソフトバンク携帯
他社解約金還元 最大20,000円

最大2Gbpsの高速回線と、独自整備のネットワーク網で混雑が少なく安定してゲームを楽しめる回線です。キャッシュバックやセットサービスなども豊富。PlayStation5のレンタルやソニー製Wi-Fiルーターに対応しているのも魅力的です。

独自ネットワークで混雑しにくい【auひかり】
ポイント
  • KDDI独自回線でピーク時も安定
  • au・UQモバイルユーザーにおすすめ
最大速度 最大1Gbps
月額料金 戸建て:6,160円
(マンション:4,180円)
キャッシュバック 最大70,000円
基本工事費 月額料金に含まれる(割引含む)
セット割 au・UQモバイル
他社解約金還元 最大30,000円

KDDI独自の回線網で夜間のピーク時でも高速&安定!最大1Gbpsの回線の中でも1番速度がでやすいと評判です。

全国どこでも利用可能でフレッツ光よりも安い!【SoftBank 光】
ポイント
  • NTT回線だから全国の広いエリアで利用可能
  • ソフトバンク・ワイモバイルユーザーにおすすめ
最大速度 最大1Gbps
月額料金 戸建て:5,720円
(マンション:4,180円)
キャッシュバック 25,000円
基本工事費 最大26,400円(のりかえ新規)
セット割 ソフトバンク・ワイモバイル
他社解約金還元 満額還元

エリアの限られている【NURO光】や【auひかり】が利用できない方におすすめなのが【SoftBank 光】。NTT光回線使用でほぼ全国どこでも利用可能。しかも、IPoE(IPv6)接続だからNTT回線の混雑を受けずに高速・安定して利用できます。

Wordpressプラグイン
スポンサーリンク

コメント

タイトルとURLをコピーしました