ブロックエディタで一部の文字色を変更できない



  • 0_1675700501103_スクリーンショット 2023-02-06 11.21.31.png

    今まではクラシックエディターを使用していました。

    この度、ブロックエディターに切り替えてみたのですが…
    ブロック内の一部の文字色を変更することができません。

    https://jin-theme.com/manual/gutenberg-how-to-use-2/

    こちらの記事を参考にしましたが、プルダウンに「文字色」や「インライン」という表示が出てきません。
    どうしたら一部の文字色を変更することができますか?

    よろしくお願いいたします。


    マニュアル確認済み
    キャッシュクリア済み
    WordPressのバージョン : 6.1.1
    ご利用のサーバー名 : Xserver
    PHPのバージョン : 7.4.33
    OS : Mac OS Monterey
    ご利用のブラウザ : safari
    該当サイトのURL : https://www.umibenolear.com



  • @oooooo さん

    こんにちは!
    画像や参照記事のリンクありがとうございます。

    添付いただいている画像に写ってる「A マーク」の項目をクリックするとどうなりますか??

    ご確認よろしくお願いいたします!



  • @tsu_

    返信ありがとうございます。

    0_1675738507329_スクリーンショット 2023-02-06 21.54.51.png

    Aマークを押すと、蛍光ペンでマーカーされたようになります。

    よろしくお願いいたします。



  • @oooooo さん

    確認ありがとうございます!

    こちらの画像のような色を選択できるボックスは出てこないですか??
    0_1675764776975_スクリーンショット 2023-02-07 19.11.17.jpg


    また、最初に添付していただいた画像の項目と
    こちらのテストサイトでの表示は確かに違うんですよね。。。

    クラシックからブロックエディタに変更したとの事なのですが、
    プラグインの「Gutenberg」は使っていますか??
    (過去にこちらのプラグインを使うと上手く機能しない箇所がありましたので...)

    ご確認よろしくお願いいたします!



  • @tsu_

    返信ありがとうございます。

    添付して頂いた画像のような色を選択するボックスは出てきません。

    画面右にこちらの画像のような色選択ボックスがあるのですが…

    0_1675778844472_スクリーンショット 2023-02-07 9.06.58.png

    これを使用すると、ブロック全体の色が変化してしまいます。

    プラグインの「Gutenberg」は使っていません。

    よろしくお願いいたします。



  • @oooooo さん

    画像ありがとうございます。

    こちらの環境下で
    ●WordPress 6.1.1
    ●PHP 7.4.33
    ●JIN 2.732
    で検証しているのですが、症状を再現できていない状態です。。。

    添付いただいた画像の「選択済み文字色」でも設定できなさそうですか??

    プラグインの「Gutenberg」は使っていません。

    こちらも承知しました!
    プラグインの全停止は既にお試しいただいていますか??

    お手数おかけしますが、よろしくお願いいたします!



  • @tsu_

    返信ありがとうございます。

    プラグインの全停止は試していませんでしたので、全停止しました。
    Advanced Editor Tools (旧名 TinyMCE Advanced)が影響していたようです。

    Advanced Editor Tools (旧名 TinyMCE Advanced)を無効化したところ
    0_1675833265954_スクリーンショット 2023-02-08 0.14.10.png
    文字色を変えることができました。



  • @oooooo さん

    ご報告ありがとうございます!

    最初にプラグインの全停止をお伝えすれば良かったです。。
    お手数おかけしてしまい申し訳ありません。。

    引き続き、よろしくお願いいたします!
    (ご確認いただければ、ご返信には及びません)



  • @tsu_

    こちらこそ、最初に全停止せず申し訳ありませんでした。
    お手数おかけしました。

    …しかし、今後はAdvanced Editor Tools (旧名 TinyMCE Advanced)は使用できないということでしょうか?



  • @oooooo さん

    こちらこそ、最初に全停止せず申し訳ありませんでした。
    お手数おかけしました。

    いえいえ!

    …しかし、今後はAdvanced Editor Tools (旧名 TinyMCE Advanced)は使用できないということでしょうか?

    どの機能を使いたいかにもよると思うのですが、現状で問題になっているのが文字色だけだとしたら
    ↓の画像のように「テキストの色」から変更できそうですね。
    0_1675904396547_スクリーンショット 2023-02-09 9.57.29.jpg


    なぜかカラー選択のボックスが右側の方に出るので、画面を右にスクロールしないと見えないと思います。。。
    ※デフォルトテーマ(Twenty Twenty-系)や別のテーマでも同様の症状が出ました。
    なので、ここについてはプラグイン側の問題かもしれませんね。

    参考になれば幸いです!
    ご確認よろしくお願いいたします。



  • @tsu_

    返信ありがとうございます。

    ブロックエディタで一部の文字色を変更できないで@tsu_が発言 :

    なぜかカラー選択のボックスが右側の方に出るので、画面を右にスクロールしないと見えないと思います。。。

    そういうことだったんですね!
    もう一度プラグインを有効化して見てみましたが…画面が上手く右にスクロールできず、
    結局カラー選択ボックスを確認することはできませんでした。

    今後はプロックエディタに慣れていきたいと思いますので
    Advanced Editor Tools (旧名 TinyMCE Advanced)は削除しようと思います。

    検証ありがとうございました!お手数おかけ致しました。



  • @oooooo さん

    もう一度プラグインを有効化して見てみましたが…画面が上手く右にスクロールできず、
    結局カラー選択ボックスを確認することはできませんでした。

    今後はプロックエディタに慣れていきたいと思いますので
    Advanced Editor Tools (旧名 TinyMCE Advanced)は削除しようと思います。

    こちら承知しました!

    引き続き、よろしくお願いいたします。
    (ご確認いただければ、ご返信は無用ですので!)