WordPressビジュアルエディターで白いテキストとボタンが表示されない問題を修正する方法

最近、ユーザーの1人から、インストールに関する非常に奇妙な問題が報告されました。投稿を書いているとき、書いている内容が見えませんでした。投稿エディタのテキストが白かったためです。さらに重要なことに、ビジュアルエディタのすべてのボタンが欠落しており、ビジュアルからHTMLに切り替える機能が機能していませんでした。この記事では、WordPressのビジュアルエディタで白いテキストと欠落したボタンの問題を修正する方法を説明します。

初心者向け注記:他のサイトのスクリーンショットで見かける可能性のある隠しボタンを探している場合、おそらく「シンク」を探しています。シンクアイコンをクリックすると、下線、Wordからのコピーなどの他のオプションが表示されます。

キッチンシンク

一部のサイトでは、デフォルトでは存在しない様々なボタンを追加するために、TinyMCE Advanced プラグインを使用しています。

ボタンが見つからない、またはビジュアルエディターで白いテキストが表示されるという問題が発生している残りの方々は、このチュートリアルを続けてください。

ブラウザキャッシュをクリアする

調査の結果、ブラウザのキャッシュをクリアすると問題が解決したというユーザーの提案が見つかりました。まず試すべきことは、ブラウザのキャッシュをクリアするか、別のブラウザを使用することです。これはコンピューターの問題である可能性があります。

これで問題が解決しない場合は、インストールに問題がある可能性がありますか?

TinyMCEスクリプトの置換

この問題はアップデート後に発生しましたか?まあ、可能性は低いですが、アップデートプロセスで何か問題が発生したのかもしれません。/wp-includes/js/tinymce/ フォルダを新しいコピーに置き換えてみてください。

wp-configで修正

上記のいずれの方法もうまくいかなかった場合は、wp-config.php ファイルを開き、PHP の開始タグの直後に以下の行を追加してください。

define('CONCATENATE_SCRIPTS', false);

このトリックは、この問題を報告したユーザーの問題を解決しました。この記事に記載されている解決策のいずれかが、WordPressのビジュアルエディターの白いテキストとボタンの欠落の問題を解決することを願っています。他に解決策が見つかった場合は、コメントで共有してください。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

247 CommentsLeave a Reply

  1. こんにちは、素晴らしい記事をありがとうございます。説明されているとおりにwp-config.phpファイルに追加したコードで、問題が解決しました。
    しかし、なぜこれが起こるのでしょうか?長い間ウェブサイトを使用していなかったのですが、開いてみるとテキストフィールドに何も書けず、テキストツールも表示されないことに気づきました。理解するのが非常に奇妙でした。ありがとうございます。

  2. この問題は明らかに繰り返し発生しています(解決策を探していてあなたの投稿を見つけました)。クライアントのウェブサイトで、彼女が投稿にスクリプトのコードをコピー&ペーストして「かわいい」スクリプトを追加したインスタンスを見つけました。その時に白いテキストが表示されました。ほとんど削除した後でも、白いテキストが表示され、ボタンが表示されないという問題が残っていました。

    私が「修正」した方法は以下の通りです。

    スクリプトが挿入された時期を調べるために、「リビジョンをブラウズ」を使用し、コード内のスクリプトの最後のインスタンスを見つけました。

    – データベース最適化プラグイン「Optimize DB」を使用して、スクリプトが挿入された後の投稿の改訂版を4つだけ保持することを選択しました。その後、オプティマイザーを実行しました。その後、「白いテキストとボタンなし」の問題は解決しました。

    あなたの状況は異なる場合があります…

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

    アンドレ

    • 同じサイトの別の投稿で、この問題が再発しました。あらゆることを試しました。これは明らかにWPの問題であり、多くの人が抱えており、多くの「解決策」があるため、最近のWPバージョンには何かバグがあるのではないかと疑っています。

  3. ありがとうございます!define(‘CONCATENATE_SCRIPTS’, false); をwp-configファイルに追加することで、空白または半空白のwp-adminダッシュボードページの「エラー」を解決しました!あなたは素晴らしいです!!!すべて試しました!よろしくお願いします!

  4. 素晴らしい!!!本当にありがとうございます!! define(‘CONCATENATE_SCRIPTS’, false); が私には効果がありました!!

  5. 素晴らしいブログで、正しい方向へ導いてくれました。結局、tinymceフォルダのフォルダ権限が原因でした。775でしたが、755に修正しました。

  6. 説明されている問題を抱えていました。define(‘CONCATENATE_SCRIPTS’, false); を設定したらうまくいきました(設定ファイルを編集する方法がわかったら)ので、投稿してくれてありがとう!

  7. わあ、本当に感謝してもしきれません!最後のオプションがうまくいきました。3.9.1にアップデートした後、ビジュアルエディタの一部のボタンのアイコンが消えてしまい、自分で追加したカスタムアイコンもいくつかなくなってしまいました。

    ありがとうございます!

  8. 多くの試行錯誤の後、プラグインが原因であることがわかりました:

    WordPress用ショートコード付きスタイル

    この問題を引き起こします – ですので、使用している場合は無効にすることをお勧めします。

  9. 私の問題は、まさに説明されている通り、白いテキストとボタンの欠落ですが、特定のページでのみ発生します。キャッシュのクリアは効果がなく、TinyMCEスクリプトを置き換えると問題がすべてのページに広がり、古いWp-Configファイルに戻しても元に戻りませんでした。Wp-Configにテキスト文字列を追加すると、一部のページでボタンが戻りましたが、すべてではありませんでした。回避策としてWordPress SEOを無効にすると、ボタンが戻り、テキストが再び黒くなります。奇妙ですよね!?

    What am I doing wrong here – please help :-)

  10. 他の方の参考になるかもしれません:

    私も同じ問題を抱えていました。バックエンドのレイアウトがおかしい:管理バーが正しく表示されず、ビジュアルエディターのすべてのボタンが消えていました。記事に記載されている手順に従って問題を修正しようとしましたが、効果はありませんでした。

    その後、エラーログを確認したところ、/wp-includes/js/ の .htaccess が .htaccess.min.js や /wp-includes/js/tinymce/langs/ の wp-lang-en.js、その他の .js ファイルにアクセスする際に読み取れないと表示されていました。しかし、それは事実ではありません。.htaccess は正常に機能しています。したがって、これは何らかの権限の問題である可能性があります。

    ウェブサイトをアップロードした際、パーミッションが明らかに変更されていました。なぜかはわかりません。すべてのフォルダはchmod 755である必要がありますが、chmod 750しかありませんでした。wp-includes内のすべてのフォルダのchmodを755に戻した後、すべて正常に機能するようになりました。

  11. これらのどれも私にとって原因/解決策ではありませんでしたが、別の修正方法を見つけました。

    問題はテーマにあったようです。デフォルトのテーマに切り替えたらエラーが解消されました。

    テーマの作成者は、ライブラリで破損したメディアを探すことを推奨しました。正しくアップロードされなかったもの(ライブラリにサムネイルがないもの)を削除したところ、エディタはすぐに元に戻りました。

    メディアの問題を防ぐために、設定ファイルで最大メモリ制限を次のように増やすことも推奨されていました。

    define(‘WP_MAX_MEMORY_LIMIT’, ‘1024M’);

  12. WordPressアドレスフィールドとサイトアドレスフィールドでURLを変更した後、私も同じ問題が発生しました。理由がわからないのですが、"http:"の後に2つではなく3つのダッシュがありました。"http:///www. …."のようなものです。正しいURLを反映するように1つ削除したところ、問題が解決しました。

  13. WP 3.9 のアップデートで、この問題が発生しました。
    理由は分かりませんが、以下の CSS ファイルで色が白に設定されています。
    wp-includes/css/editor.min.css?ver=3.9

    CSSルールは以下の通りです:
    .js .tmce-active .wp-editor-area { color: #FFFFFF; }

    このファイルで変更することもできますが、子テーマディレクトリのfunctions.phpで独自の関数でオーバーライドする方が良いでしょう。たとえば次のようになります。

    add_action(‘admin_head’, ‘my_wp_editor_area’);

    function my_wp_editor_area() {
    echo ‘
    .js .tmce-active .wp-editor-area { color: #333 !important}
    ‘;
    }

    これが他の誰かの助けにもなれば幸いです!

    • ここでのコメントエディターはCSSスタイルタグを削除しました。エコーされたCSSをスタイルタグで囲んでください。

  14. ここで議論されたことは何も効果がありませんでした…これを試すまで。

    プロフィールで「ビジュアル編集を無効にする」を選択し、
    その後「ビジュアル編集を有効にする」を選択してください。

    あなたのビジュアルエディター/キッチンシンクなどが戻ってきます。

    ボーナス
    TinyMCE Advanced をインストールしてアイテムを移動した場合、
    それを無効にすると問題なく動作するはずです。

    助けてくれた皆さん、ありがとう。
    最高です!

    • いいえ!!! どれだけ時間を節約してくれたか信じられません、友よ!! ビジュアル編集を無効にして再度有効にしたら、機能しました!!! 本当にありがとう!!!!

  15. プラグインが全くインストールされていない、クリーンインストール直後に問題が発生しました。
    define(‘CONCATENATE_SCRIPTS’, false); も私の場合、解決しました。

    この修正の理由を知っている人はいますか?

    これは古い問題のようで、いくつかのブログで報告されています。私の場合は箱から出してすぐに発生した問題で、WordPressがまだこの「バグ」を修正していない理由に疑問を感じています…

    • 初めて WP をインストールしました。
      define(‘CONCATENATE_SCRIPTS’, false); は機能せず、キャッシュのクリア、インターネットプロバイダーの変更、PC の変更も効果がありませんでした。

      wp-config.php ファイルの正しい場所に配置したかどうかわかりません。以下に配置しました。
      // ** MySQL 設定 – この情報はウェブホストから取得できます ** //

      大丈夫ですか?

    • この問題は、個々のスクリプトをすべて1つの大きなファイルに結合したことが原因です。
      この方法はウェブサイトの読み込み時間を改善しますが、潜在的な問題も発生します。

      特定の変数や関数呼び出しは、改行、括弧で終了するか、セミコロンで終了する必要があります。

      意図されたコードは次のように始まる可能性があります。
      script-1.js: var a = 1
      script-2.js: var b = 2

      連結すると次のようになります。
      concatenated.js: var a = 1var b= 2

      実行されるとエラーが発生し、他のJavaScriptの実行が停止する可能性があります。
      最善のシナリオは、変数名が上書きされ、コードが処理を続行することです。

      上記の問題を解決するには、var a = 1 の末尾に ; を追加して、var a = 1;var b = 2; とする必要があります。
      これにより、JavaScript が正しく実行されるようになります。

      これらは、連結で起こりうる非常に基本的な例にすぎません。
      一部のブラウザでは、同じ行の文字数制限を超えてしまい、期待通りの出力が切り捨てられるといった他の問題もあります。
      その他の問題としては、異なる改行コードや文字エンコーディングの混在も要因となります。
      例: UTF-8 と ISO-8859-1、および (Mac) (Windows) (Linux)

      要するに、他のコードと混在する見知らぬプログラマーの実践を信頼するのではなく、これらの問題が発生しないように手動で連結する方が良いでしょう。

  16. 新しいTinyMCEフォルダをアップロードしたら機能しましたが、1日しか持ちませんでした。どうしてこうなるのでしょうか???

    プラグインは無効になっており、上記の行をwp-config.phpに追加しても何も変わりませんでした。「Googleライブラリ」はインストールおよび有効化されていましたが、問題も解決しませんでした(->現在は無効に戻されています)。現在、毎日TinyMCEフォルダーをアップロードしており、毎朝WordPressエディターは再び白くなり、ボタンも再び見えなくなっています…

    • WordPressを実行するだけでなく、Webアプリケーションをホストする際には、他にも多くの要因が関係してきます。
      ウェブサイトのホスト上またはWordPress内でCronジョブが実行されており、ファイルが置き換えられている可能性があります。クロスサイトスクリプトも同様のことを行う可能性があり、共有ホスティングではさらにリスクが高く、ウェブサイトのディレクトリとファイルにchmod 777の権限が付与されている場合はさらに高くなります。
      ファイルは640または660、ディレクトリはホストの設定に応じて750または770であるべきです。

      ファイルを置き換えた時間を記録し、問題が再び発生したことに気づいたときに最終変更日時を確認してください。
      問題の解決に役立つように、その頃のサーバーログファイルを確認して、誰が何にアクセスしたかを確認するか、またはホスティングプロバイダーに連絡して、問題の原因を特定できるかどうかを確認してください。
      例: /path/to/httpd/logs/domain.com/access.log を確認して、その時に悪意のあるアクセスがなかったか確認してください。

  17. 地元の慈善団体の管理を引き継いだばかりのサイトでこの問題が発生しています。2012年のテーマを使用し、プラグインを無効にし、Googleライブラリを使用し、WordPress内でクリーンインストールを行い、キャッシュをクリアしても解決しません。FTPアクセスがなく、小さな地元の全国的な慈善団体の支店であるため、ファイルを編集するためにアクセスできないため、取得が困難になっています。– この問題を解決する方法はありますか?

  18. 私もこの問題を抱えていますが、1つのページだけで、他のすべてのページ/投稿は正常で、エディターは期待どおりに機能します。

    ページは正常に表示されますが、編集しようとすると、空白のページのように見えます(Ctrl+Aを押すと、ページ内のコードが見えます)、ツールバーがなく、テキストエディタを選択/プレスできず、リビジョンも表示されません。

    キャッシュをクリアしてみました。wp_config ファイルに
    「define(‘CONCATENATE_SCRIPTS’, false);」

    define(‘WP_MEMORY_LIMIT’, ‘256M’);
    という行を追加しました。

    「Use Google Libraries」プラグインも試しましたが、やはり何も起こりません

    TinyMCEのトリックを試そうとしていますが、このページだけに影響しているので、あまり期待はしていません。

    ページを削除して最初からやり直す以外に、他に何を試せばよいかわかりません。

    • 同じ問題を抱えています。TinyMCEをアップグレードしたのですが、編集しようとするとページに何も表示されなくなりました。少なくとも以前は、テキストをハイライトするとエディターでテキストが見えましたが、今はページ全体が白く何も表示されません!古いバージョンに戻すこともできません。次に何をすべきかわかりません。

  19. 本当にありがとうございます。「wp-configで修正」がビジュアル/テキストの非表示問題を解決してくれました。本当に感謝しています!

  20. I have tried, all the steps, but still facing the same issue, :( Visual Text Editor is not working.

    誰か助けてください、もう3日近く経ちます…

  21. テキストボタンはうまく表示されていますが、ビジュアルボタンをクリックしても何も起こりません。WP 3.6にはこれに関する深刻な問題があるようです。どなたかビジュアルエディターを元に戻す方法を知っている方がいれば、共有してください。

  22. この修正を投稿していただき、本当にありがとうございます: define(‘CONCATENATE_SCRIPTS’, false);
    見事に機能しました!!!

  23. ビジュアル/HTMLエディターが消えてしまい、直そうとしましたが、気が狂いそうでした。
    あらゆる可能なトリックやハックを試しましたが、うまくいきませんでした。WordPressを再インストールしても、うまくいきませんでした。幸いなことに、サイトは公開されていましたが、まだ公開していませんでした。
    その後、アンチウイルスが原因である可能性に言及している記事を見つけました。そこでiPad(アンチウイルスなし)で簡単にチェックしたところ、ビジュアルエディターが表示されました。MacBook Pro(アンチウイルスが入っていた)をチェックしたところ、ビジュアルエディターが表示されませんでした。MacBook Proのアンチウイルスをオフにしたところ、ビジュアルエディターが表示されました。まったく、アンチウイルスめ。
    これで誰かの苦しみが少しでも和らぐことを願っています。

  24. これを修正するために数週間費やしました。サーバーホストにWordPressのファイルを調べてもらったほどです。
    恥ずかしいことに、テキストや「キッチンシンク」がどこにあるのかさえ見つけられません。簡単な言葉でどこにあるか教えていただけますか?ダッシュボードから始めましたが、「見えません」。誰か助けてくれませんか?
    ありがとうございます!

    • 解決しました!!! プラグイン「Use Google Libraries」をインストールしてください。これで私のタイプが表示され、タイプエディターが見えるようになりました。探すのに2週間もかかりましたよ! さて、次のミスに進みますが、画像をアップロードできません。「エラー、後でもう一度やり直してください」というエラーが表示されます。とにかく、タイプが白くなって見えなくなった皆さん、プラグインを追加してみてください。私にはうまくいきました :)

  25. 私もブロックで同じ問題を抱えています。白いテキストで、ユーザーインターフェースが完全に読み込まれませんでした。興味深いことに、これはエディターにのみ発生し、管理者はこの問題を経験しませんでした。

    キャッシュをクリアしたり、tinymce jsフォルダを置き換えたり、wp-configファイルにこの行を追加したりしましたが、何も効果がありません。

    いくつかのプラグインがあるので、コメントを読んでPHPメモリ制限を増やすことにしました。私の場合は64MBでは十分ではありませんでした。Micky Neuhausさんが言った通りです。

  26. ああ!ありがとうございます、ありがとうございます、ありがとうございます。説明していただいたように define CONCATENATE_SCRIPTS のものを追加したら、うまくいきました。これでハッピーです。
    / Marky /

  27. NextGen GalleryやContactForm 7などのプラグインをいくつか実行している場合、仮想サーバーはこれらのプラグインとtinymce(ビジュアルエディター)をすべて一緒に実行するために64MBのPHPメモリを必要とします。メモリが少ない場合、tinymceはメモリ不足のため読み込まれません。なぜなら、メモリを少し要求して読み込む最後のものだからです。

    WPのデバッグモードで、これまたは類似のエラーに注意してください:「致命的なエラー:許可メモリサイズ50331648バイト(=48MB)を使い果たしました(491520バイトを割り当てようとしました)/htdocs/site/wp-includes/js/tinymce/langs/wp-langs.phpの404行目」

    または、NextGEN Galleryプラグインの「一般」ページでPHPメモリサイズを確認するだけで済みます。

  28. うーん、そうですね……

    この問題について一日中検索し、コードをいじったり、プラグインを削除したり、テーマを変更したり…といったことをすべて行った後、新しいWordPressをインストールすると、KITCHEN SINKボタンがデフォルトで折りたたまれていることが判明しました。

    そのままボタンをクリックしてください。

    あなたがそれを投稿に追加したいのかもしれません。なぜなら、私はさまざまなブログやフォーラムを検索し、同じ問題を抱えている他のすべての読んでいる人々を読んでいたとき、少なくとも半数の人々がこの方法で解決できると思ったからです。

    これが誰かの役に立つことを願っています。

      • =) お役に立てて嬉しいです。これを理解したときは、うまくいったことに満足しましたが、あまりにもくだらないことだったので自分自身に腹が立ちました!笑

        それは、マジシャンをとても良く見せる「意図的な誤解」理論全体です。

        説明させてください…

        問題(ボタンが消える)はアップデートをインストールした直後に発生し、WordPressは一部のプラグインがアップデートと互換性がなく問題を引き起こす可能性があると警告するため、まず新しいインストールが問題を引き起こしたと仮定します。なぜなら、それに注意を払うように誘導されたからです。

        ああ、WordPressの不具合を「修正」しようといじり回して、良いことよりも悪いことの方が多い気がする。

        この「エラー」に悩まされている人の少なくとも半数は、これが原因であることは保証します。賭けてもいいです。私のような技術に疎い人がウェブサイトを台無しにしないように、最初にこれをチェックするようにしてくれてありがとう lol

        クソッ、WordPress!!! :p

        • 問題は、子テーマのルートフォルダにあるstyle.cssファイルにありました。
          textareaを検索し、以下のように色を#FFFから#333に変更してください:

          textarea { color: #333; 以前は #FFF font-size: 12px; line-height: 18px; }

          ビジュアルエディターは正常に動作していましたが、ブログや投稿に返信する際に、入力テキストが見えなくなっていました。白地に白です。また、保護されたページがあり、パスワードを入力しても、文字が入力されたことを示す可視的なドットのフィードバックがありませんでした。

          これで誰かの役に立てば幸いです。
          WP 3.9.2
          Firefox 31.0
          Win 8

  29. まさにこの問題を抱えています。1番と3番は試しましたが、うまくいきませんでした。プラグインの無効化/有効化のヒントも試しました。2番が何を意味するのかわかりません。「新しいコピー」はどこで見つけられますか?これは私の正確な問題を解決するので役立ちますが、私のような人間にはヒントが十分に明確/白痴証明されていません。助けてください。

  30. 数ヶ月前にサーバーでデータベースの問題が発生しました。WordPressのサポートフォーラムで「白いテキスト」を検索しても、あまり役に立ちませんでした。なぜなら、誰もが個別に機能する独自の解決策を持っていましたが、一つの解決策に同意するコメントが連続して表示されることはありませんでした。

    私たちの問題の原因は、一般設定にありました。WordPressアドレスフィールドとサイトアドレスフィールドのURLの後にコロンがありました。

    コロンを削除したところ、テキストは再び黒くなりました。これは、当社のサーバーでホストされているWordPressサイトの10〜15件で発生した問題だと推定しています。

    これは、WordPress自体が抱える、より深い問題に対する別の単一の解決策だったのでしょう。しかし、どうなるかはわかりません。設定でコロンを確認してください…

    グレッグ

  31. プラグインの不具合が原因の場合があります。そのため、すべてのプラグインを無効にしてから、原因が見つかるまで1つずつ再アクティブ化します。多くの場合、プラグインが正しくインストールされず、再アクティブ化すると自己修復します。それでも解決しない場合は、プラグインを削除し、そのプラグインのデータベーステーブルを削除してから、新しいコピーをインストールします。

  32. キャッシュをクリアしてページをリフレッシュするために Ctrl + Shift + R を押すと、通常はうまくいきました。

  33. WP Beginner様、
    投稿に「define(‘CONCATENATE_SCRIPTS’, false);」と書く方法を教えていただけますか?
    右側に矢印を置いたときにコピーとソース表示のオプションを提供するにはどうすればよいですか?

    ありがとう

コメントを残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。