[Cocoon設定]→[エディター]→エディター色「文字色」の設定されてませんか？

気になる点としてGutenbergエディターのツールバーの表示が異なり、アイコンでなく文字となっています（図参照）。

投稿者:: @chu-ya

↑

アイコンでなく文字となっています

これは「設定」－「アクセシビリティ」で変更できます。

@chu-ya 
返信が遅くなり申し訳ありません💦

ありがとうございます。

文字色は変えていません。
ツールバーの表示を変えられるのですね。
今まで知りませんでした😅

@mk2_mk2 

返信が遅くなり申し訳ありません💦

ありがとうございます。

「設定」－「アクセシビリティ」

これは、投稿の中の設定ですよね？

わかりやすい動画を見せていただいたのですが、設定の開き方がわかりません 😨 

投稿もブロックにも「アクセシビリティ」はありません。

どこから、入れますか？

わかりづらくてすみません💦

先ほどのスクショは、全画面で横幅がいっぱいです。

その時は、文字が添付ファイルのように、薄くて見えません。
カーソルを合わせた部分だけ、文字が黒く浮かび上がるように表示されます。

横幅をPCの半分ほどに狭くして、左のメニューバーが消えると、以下のように本文の文字がすべて見えるようになるのです。

mafumafuさん

投稿者:: @mafumafu

↑

「設定」－「アクセシビリティ」

これは、投稿の中の設定ですよね？

わかりやすい動画を見せていただいたのですが、設定の開き方がわかりません 😨 

投稿もブロックにも「アクセシビリティ」はありません。

どこから、入れますか？

以下をご参照ください。

mafumafuさん

投稿者:: @mafumafu

↑

横幅をPCの半分ほどに狭くして、左のメニューバーが消えると、以下のように本文の文字がすべて見えるようになるのです。

例えば、子テーマのeditor-style.cssに以下のようなメディアクエリを含む記述があれば、そうなると言えばなりますけれど。
（あくまでも一例です）

@media screen and (min-width: 960px){
  p {
    color: #ececec;
  }
}

@mk2_mk2 さん
遅い時間に、返信をありがとうございます。

「アクセシビリティ」ありました 🍻 

切り替えられました

ありがとうございます 😊 

そうです。

そんな感じで、文字が見えたり見えなかったりするのです👍 

ただ、記述を変えるのが怖いので、このままのほうがいいのかな？と考えています。  

入力できないわけではないので、小さいまま続けていこうと思いました。

いろいろと考えていただき、ありがとうございました🙇

まだまだ、わからないことが沢山あるのだろうと感じます。

その時は、またお力になっていただけたら嬉しいです🌺 

ありがとうございました🙇

mafumafuさん

ご承知置きいただきたいのですが。

私は、原因を特定した訳ではないですよ。
あくまでも可能性として、ご提示しただけです。

何故なら、サイトのURLをご提示いただいた訳ではありませんので、状況を確認できないからです。
そして、管理画面内のことは、例えURLをご提示いただいても、外部からは確認できないこともあります。

ですので、私がご提示したのは、可能性でしかないです。
editor-style.cssが原因はない可能性も、十分あると思います。
 

投稿者:: @mafumafu

↑

ただ、記述を変えるのが怖いので、このままのほうがいいのかな？と考えています。  

そうですか。
ご本人が仰るなら致し方ないです。

ちなみに、もしeditor-style.cssだった場合。
該当箇所を削除すれば良いだけの話ですし、もし間違っても元に戻せば良いだけです。
（事前にバックアップをとれば、戻せる）

editor-style.cssは、初期状態では何もないはずです。
もし何かあるのだとしたら、間違って何かした可能性もあるようには思います。
（もちろん、間違いではなく意図的にした可能性もあると思います）

忌憚なく言わせていただければ。
漠然と恐れを抱いていたら、今後何もできないような気はします。
（WordPressって、ほったらかしでは維持できないものですので）

@mk2_mk2さん

以前のＷＰは、私がサーバーのデータの書き換えをしたことで開けなくなってしまったので、怖がってました💦

バックアップをとれば、戻せる。

というｍｋ２さんを信じて、今、editor-style.cssを確認しました。

以下だけで、色の記述はありませんでした。

/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
}

/*480px以下*/
@media screen and (max-width: 480px){
}

仰る通り、可能性でしたね。

「WordPressって、ほったらかしでは維持できない」
　　　⇧
そうなんですね💦

サイトのＵＲＬは、一度も公開していないので、意味がないかと思っていました。。。

今更ですが、お伝えしたもいいですか？

https://yorisou.sakura.ne.jp/wp
です。

投稿者:: @mafumafu

↑

以下だけで、色の記述はありませんでした。

/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
}

/*480px以下*/
@media screen and (max-width: 480px){
}

これは、おそらく子テーマのスタイルシート(style.css)ですね。

 
私がご提示したのは「editor-style.css」です。
拝見しましたが、何も記載はありませんでした。
（コメントの日本語文字は化けて表示されていますが、不具合ではありません）

@mk2_mk2 さん

お忙しい中、確認していただきありがとうございます。

今日でも明日でも大丈夫です。

よろしくお願い致します🙇

mafumafuさん

ぱっと見では、特に何もなさそうには思います。

とりあえず、試していただきたいことがありますので、書いてみます。

①

まず、編集画面を開いて、ブラウザのリロードをしてみていただけますでしょうか。
それで変化なければ、以下②に進んでください。

②

テーマ設定をリセットしてみるのはいかがでしょうか？
もし、Cocoon設定が原因なら、それで戻るはずです。

ただ、せっかく設定したものが、チャラになってしまうのは・・・ということはあろうかと思います。

そのため、以下のような手順で行っていただければ、ほぼほぼテーマ設定は復元できます。
但し、復元できない項目もありますので、注意書きをご覧いただき、必要であれば、メモ帳などにコピーしてください。

手順は以下の通りです。

1. テーマ設定をバックアップする
    
   テーマ設定のバックアップ方法
   https://wp-cocoon.com/how-to-theme-settings-backup/
    
2. テーマ設定をリセットする
    
   テーマの設定をリセットする方法
   https://wp-cocoon.com/how-to-theme-settings-reset/
    
3. ここで、編集画面の文字色を確認
   もし、改善するようであれば、Cocoon設定のどこかが原因です。
    
4. テーマ設定を復元する
    
   テーマ設定の復元（リストア）方法
   https://wp-cocoon.com/how-to-theme-settings-restore/

 
もし項番3で、文字色が戻っていれば、テーマ設定が原因。
そうでなければ、テーマ設定以外が原因です。 

上記4は、必要があればですね。 

テーマ設定を復元しますので、また項番1の状態に戻ります。
（先にも記載しましたが、復元できない項目はありますので、上記のリンク先の注意書き（補足）を、ご確認の上作業をお願いします。

テーマ設定を戻してから、1つ1つ文字色に関係ありそうなところを確認していく感じになると思います。
 
文字色が「グレー」というのでは、とても曖昧ですので。
カラーコードが分かると、探し易いのですよね。
（添付いただいた画像から取得すると、「#d6d6d6」？ HTMLを検索しても見つからず・・・）

それとも、復元をせずに、全部再設定するという方法もあるにはあります。

Cocoon設定の「全体」「エディター」のどちからの可能性が高いとは思うのですけれど。
ただ、画面幅で変化するようなものでもないですし。
何かプラグインをご利用ということもないのですよね。

@mk2_mk2さん

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

①は、変化なし。

②は、リセットをかけても、リセットしたと表示は出ますが、スキンも登録した画像もそのまま残っています。

なので、投稿画面の文字は変わりません。

自分でスキンを無しにしても、文字表示は変わりません。

エディタの文字色を黒に変えてみましたが、変わらずでした💦

mafumafuさん

Cocoon設定が原因ではなさそうです。
（画面幅で変わることから、そうではなさそうとは思っていたのですけれど）

ちなみに、プラグインは何もないということで良いのでしょうか。

そうであれば、あとはデベロッパーツールを使って、調べるしかないです。

但し、外部からは確認ができませんので、mafumafuさん自身でデベロッパーツールを使って調べていただく必要があります。
（デベロッパーツールは、各ブラウザに実装されているツールです）

その辺りの知識がない場合。

まだ何もなくて、作り立てであれば、作り直した方が早いかもしれないです。

@mk2_mk2さん

プラグインは、使っていません。

作り直しということは、ＷＰをインストールするところからやり直すということですよね。

mafumafuさん

そうですね。
データーベースも空の状態から作り直すとか、そんな感じです。

@mk2_mk2さん

いろいろ勉強になりました。
次は、うまくいくといいな。と思います。

いろいろありがとうございました🙇

またわからなかったら、教えてください。

mafumafuさん

いえ、原因に辿り着けず、すみません。

原因が分からないのは、とても気持ちが悪いですので。
本当は、デベロッパーツールで調べたいところなのです。

慣れてしまえば、そんなに難しいことではないのですけれど。
ただ、知識の無い方には、ハードルは高いのかもしれないです。

ちなみに、やってみますか？

@mk2_mk2さん

私に出来ることなら。。。

と思いますが、どうでしょう？

mafumafuさん

では、やってみましょうか。

「デベロッパーツール 使い方」で検索すると、解説は出てきます。

検索して最初に表示されたものと、わいひらさんが書いたものをリンクしておきます。

Google Chromeデベロッパーツールの基本的な使い方をわかりやすく解説
https://willcloud.jp/knowhow/dev-tools-01/

WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方
https://nelog.jp/how-to-use-developer-tools-for-wp-beginner#Chrome%E3%83%87%E3%83%99%E3%83%AD%E3%83%83%E3%83%91%E3%83%BC%E3%83%84%E3%83%BC%E3%83%AB%E3%81%A8%E3%81%AF

何もないところから読むと、難しく感じると思います。

今回は、目的がはっきりしていますので、やってみましょうか。

編集画面を開いていただいて、デベロッパーツールを起動してみましょう。
以下のいずれかで、起動できます。

• F12キー
• 右クリック－「検証」
• 「右上縦3点リーダー」－「その他ツール」－「デベロッパーツール」

通常、編集画面は、以下のような感じだと思います。

@mk2_mk2さん 

開けました。

mafumafuさん

右上にある、以下の矢印のマークをクリックしてください。

上記の一連の流れです。

@mk2_mk2さん
投稿文の色がかわり、青いコンテンツを選びました。

何をお伝えしたらいいですか？ 

mafumafuさん

色、変わってしまいますか。

グレーの状態を確認したいのですけれど。

添付については、もう1つ前の返信に書いてあります。

@mk2_mk2さん

mafumafuさん

違いますね。
黒(#000000)と白(#fff)ですので。

キャプチャ画像は難しいですか。

mafumafuさん

すみません、分かったかもしれません。

ちょっとお待ちください。

【追記】

たぶん「スポットライトモード」です。

使うことがないため、まったく気づきませんでした・・・。

mafumafuさん

以下が、「スポットライトモード」です。
（選択中のブロックにのみ、フォーカスがあたるイメージ）

@mk2_mk2さん

スポットライトモード、ONになってました🎉

すごい！！！

やった～～～！！！

これで、大丈夫ですね♬

横幅を変えてもイケます👍

遅い時間まで、お付き合いいただきありがとうございました🙇🙇🙇

mafumafuさん

投稿者:: @mafumafu

↑

これで、大丈夫ですね♬

はい、原因が「スポットライトモード」でしたので、問題ないです。

まったく気づきませんでした。
（あることはしっていたのに。）

画面幅で、文字色が変わるなんて、今回初めてしりました。

お時間掛かってしまい、すみません。

@mk2_mk2さん

とっても勉強になりました♬

色々と考えていただき感謝です 。

ありがとうございました🙇

mafumafuさん

いえいえ。
まったく気づかず、すみません。

余計な手間になってしまいましたけれど。
デベロッパーツール、使えると、今後役に立つと思いますよ。

@mk2_mk2さん

ホントですね。

ありがとうございました♬