ある日突然ブロックエディタが画像のような状態になり、編集がほぼ不能になりました…

WordPress
ユーザー1915さん
ユーザー1915

ある日突然ブロックエディタが画像のような状態になり、編集がほぼ不能になりました。(テキスト入力と右側ツールバー以外の操作をほぼ受け付けない状態)
現在は一時的にクラシックエディタで動かしています。

やったこと
・Wordpressのバージョン変更や再インストール
・PHPのバージョン変更
・ブラウザの更新や切り替え
・プラグインの全停止
・キャッシュの削除
・テーマの変更(Cocoon→SWELL)

ほぼお手上げ状態です。
大変恐縮ですが、詳しい方ご教授いただけると助かります。

添付された画像

みんなのコメント 16件

ユーザー660さん
ユーザー660さん

ブラウザを変えても同じ症状でしょうか?

ユーザー660さん
ユーザー660さん

ならば、ブラウザや PC が原因ではないですね。
いまいち症状がわからないのですが、、、

WordPress、プラグイン、サーバーの PHP はそれぞれ最新 or 推奨の状態になっていますか?

ユーザー1915さん
ユーザー1915さん質問者

WordPressは最新です(ダウングレードも数パターン試しましたが改善せず)
プラグインも最新です(全停止も試しました)
PHPも最新です(こちらも、旧バージョンを可能な限り試しました)

ユーザー660さん
ユーザー660さん

そうなんですね。
管理画面の事象で実際に動いている状態をこちらでは確認できないですし、サイトの URL も公開されていないので PHP エラーなどの発生状態もわかりません。つまり、内部に入らないと具体的な内容を把握できないということです。

例えば「All-in-One WP Migration」などのバックアップ & 復元プラグインを用いて復元してみたりなど、試してみてはいかがでしょう。また前途の通り内部の事象となるため、有料の WordPress お悩み相談などに修正を依頼してみるなども良いかと思います。

ユーザー694さん
ユーザー694さん

そこまでやって改善しないとは厄介ですね😱 もし気力が残っているなら下記のことを教えてください。

・「ある日突然」とは具体的にいつですか?

・その前後に何かやったことや変わったことはなかったですか?

・新規ページの編集画面でも既存のどのページの編集画面でも、必ず同じ現象が起こるんですか? 起こらないページや起こらないタイミングは無いですか?

・PC2台とのことですが、検証した環境についてもう少し詳しく教えていただけませんか?(Windows 11 の Chrome、等)

・ブラウザのシークレットウインドウ(プライベートモード)でログインした場合も同じ現象が起こりますか?

・WordPressの他のログインユーザーでも同じ現象が起こりますか? ログインユーザーを新規作成した場合はどうですか?

・functions.phpに妙なコードを入れたりはしていませんか?

・最近、管理画面に適用するCSSやJSの追加・編集はしていませんか?

・セキュリティのプラグインは何か入れていますか? 入れていない場合、Wordfenceを導入してスキャンしてみると良いかも(ただし導入がちょっと大変です)。

・その黒い部分のHTMLソースのスクショって見られませんか?(デベロッパーツールで簡単に見られるんですが、慣れていないとちょっと難しいかも)
参考:https://mogablog.work/web/cording/cording-console/#toc6

ユーザー1915さん
ユーザー1915さん質問者

ありがとうございます。以下回答します。

・「ある日突然」とは具体的にいつですか?
→昨年12/29です。
ブロックエディタに改善の余地がないので、ずっとクラシックエディタ化して使っておりました。
ですが編集が面倒になり、なんとか修復できないかとここに質問した次第です。
(「やったこと」は当時と現在でそれぞれ試しました ※テーマだけは昨日やりました)

・その前後に何かやったことや変わったことはなかったですか?
→前日に固定ページを編集していましたが、特に変わったことはなかったです(翌日編集しようとしたら作業できず)

・新規ページの編集画面でも既存のどのページの編集画面でも、必ず同じ現象が起こるんですか? 起こらないページや起こらないタイミングは無いですか?
→すべてのブロックエディタ編集画面で発生します。

・PC2台とのことですが、検証した環境についてもう少し詳しく教えていただけませんか?(Windows 11 の Chrome、等)
1台目:Win10クロームおよびエッジ・ファイアフォックス
2台目:Win11クロームおよびエッジ・ファイアフォックス

・ブラウザのシークレットウインドウ(プライベートモード)でログインした場合も同じ現象が起こりますか?
→どのページでもまったく同じ現象が起きます。

・WordPressの他のログインユーザーでも同じ現象が起こりますか? ログインユーザーを新規作成した場合はどうですか?
→作ってみましたが、特に変化はなく同じ現象が発生しました。

・functions.phpに妙なコードを入れたりはしていませんか?
→そちらはいじってないですね。

・最近、管理画面に適用するCSSやJSの追加・編集はしていませんか?
→cssは一切、編集していません。

・セキュリティのプラグインは何か入れていますか? 入れていない場合、Wordfenceを導入してスキャンしてみると良いかも(ただし導入がちょっと大変です)。
→導入・スキャンして出てきた問題をすべて改善しましたが、特に変化は見られませんでした。

・その黒い部分のHTMLソースのスクショって見られませんか?(デベロッパーツールで簡単に見られるんですが、慣れていないとちょっと難しいかも)
参考:https://mogablog.work/web/cording/cording-console/#toc6
→画像添付しました

ユーザー694さん
ユーザー694さん

詳しいご回答ありがとうございます。追加で教えてください。

・WordPressの再インストールを行っても改善しないというお話だと思うんですが、再インストール直後のまっさらな状態(自分で書いた記事が1つもない状態)でも症状が出るんですか?

・「スキャンして出てきた問題をすべて改善しましたが、特に変化は見られませんでした」の箇所ですが、参考までにおたずねしたいのですが、どういった問題が出てきたんでしょうか?

・画像添付ありがとうございます。ですが、その画像に移っているHTMLのどの部分が黒いスペースの部分に該当しているのかがわからないです(というか、多分映り込んでいないと思います)。デモ画像を添付しますので、可能であればそちらを参考にもう1回やってみてください。具体的にどうしてほしいのかというと、①デベロッパーツールの矢印アイコンをクリックします。②黒いスペース部分をクリックします。そうすると黒いスペース部分に該当するHTMLの背景が薄い水色等に変わります。③該当HTMLに横向き三角がある場合はそれをクリックしてHTMLを展開します。この状態でスクショを撮影していただけるとありがたいです。

添付された画像

ユーザー694さん
ユーザー694さん

すみません、デモアニメーション画像の色が変だったので、改善したものを添付します😅

添付された画像

ユーザー1915さん
ユーザー1915さん質問者

ありがとうございます。

・WordPressの再インストールを行っても改善しないというお話だと思うんですが、再インストール直後のまっさらな状態(自分で書いた記事が1つもない状態)でも症状が出るんですか?
→はい。おっしゃる通りの状態です。

・「スキャンして出てきた問題をすべて改善しましたが、特に変化は見られませんでした」の箇所ですが、参考までにおたずねしたいのですが、どういった問題が出てきたんでしょうか?
→すべてプラグインの更新でした。
とはいえプラグインの全停止も行ったので、関係はなさそうと思っています。

・画像添付ありがとうございます。ですが、その画像に移っているHTMLのどの部分が黒いスペースの部分に該当しているのかがわからないです(というか、多分映り込んでいないと思います)。デモ画像を添付しますので、可能であればそちらを参考にもう1回やってみてください。具体的にどうしてほしいのかというと、①デベロッパーツールの矢印アイコンをクリックします。②黒いスペース部分をクリックします。そうすると黒いスペース部分に該当するHTMLの背景が薄い水色等に変わります。③該当HTMLに横向き三角がある場合はそれをクリックしてHTMLを展開します。この状態でスクショを撮影していただけるとありがたいです。
→再度画像添付します。
しかし、黒いスペースをクリックしたものの、単独で水色背景になりませんでした(ツールバーとセットでしか水色背景になりません)

添付された画像

ユーザー694さん
ユーザー694さん

色々ご確認いただきありがとうございます。

まっさらの状態でも同じ状況が起こるんですね。検証の際に使った2台のPCについて教えてください。入力デバイスは完全に別ですか? それともキーボードやマウスは同一のものを繋ぎ変えて使ったりしましたか?

ユーザー694さん
ユーザー694さん

補足すると、今最も可能性が高いと思っているのは次の仮説です🤔

・2台のPC間で共有しているキーボード(またはマウス)の一部のキーが壊れていて「押しっぱなし」の状態になっており、そのために管理画面に一部不具合が出ている

ユーザー1915さん
ユーザー1915さん質問者

ありがとうございます。

2台のPCは完全に別です。(ノートPCで、マウスなど入力デバイスもすべて別)

ユーザー694さん
ユーザー694さん

PC完全に別なんですね。失礼しました😅

別ドメインで運用しているWordPressでも再現しますか?
たとえば現在独自ドメインAで運用していて症状が出ているとします。サーバー会社と契約したときに提供を受けた無料サブドメイン(以下ドメインB)みたいなのって持ってないでしょうか? このドメインBにWordPressをインストールした場合は症状は出ますか?

あなたの経験や知識を共有しませんか?

ほかのユーザーの相談に、コメントで参加してみましょう。

ログインしてコメントするはじめての方は無料登録