ワードプレス投稿画面がエラーになる原因 翻訳機能オフ

インターネット

ワードプレス投稿画面が、ある日から投稿エラーになって、あれこれ対策をやりましたが、うちではこれで直りました。クロームの翻訳機能オフでOKでしたが、別のブログではこの不具合は起きていません？？

スポンサーリンク

チャットGPTの回答は？

チャッピーの回答

WordPress（ワードプレス）で編集作業や閲覧をしている際、Google Chromeの自動翻訳機能をオンにするとページが崩れたり、画面が真っ白になったり、保存エラー（更新失敗）が発生する現象は、実は非常に多くのユーザーが遭遇する定番のトラブルです。

なぜこの問題が起きるのか、その理由と今すぐできる対処法を分かりやすく解説します。

ページエラーが起きる主な原因

最大の理由は、Chromeの翻訳機能が「Webサイトのプログラムコード（HTML/JavaScript）」まで勝手に書き換えてしまうからです。

【仕組みのイメージ】
1. WordPressの管理画面は、裏で「<div class="site-header">」のような英語のコードで動作している
2. Chromeの翻訳機能が、画面上のテキストと一緒に「裏側のコード（クラス名や属性値）」まで日本語に翻訳してしまう
3. WordPress側が「想定と違う変なコードが送られてきた！」と混乱し、処理をストップ（エラー発生）

具体的には、以下のようなエラーを引き起こします。

  • ブロックエディター（Gutenberg）のフリーズ・消失: JavaScriptで動いている最新エディターは翻訳の影響を極めて受けやすく、文章が消えたり更新ができなくなります。
  • 「更新に失敗しました」「返答が正しい JSON レスポンスではありません」エラー: REST APIという通信の仕組みに翻訳された文字列が混ざり、通信エラーになります。
  • サイトデザインの崩れ: CSS（デザイン用コード）の指定名まで翻訳されてデザインが崩壊します。

おすすめの対処法（3ステップ）

1. WordPress管理画面では「常に翻訳しない」設定にする【推奨】

一番確実で手軽な方法は、WordPressの管理画面（wp-admin）でChromeの自動翻訳機能をオフにすることです。

  1. エラーが出るWordPressの管理画面を開きます。
  2. アドレスバーの右端にある翻訳アイコン（Gのマーク）をクリックします。
  3. 表示されたポップアップの「このサイトは翻訳しない」にチェックを入れる（または「常に翻訳しない」を選択）。

Note: これで公開中の一般ページを見るときだけ翻訳を使い、自分が編集作業をする管理画面では翻訳を停止できます。

2. 翻訳が必要な場合は「Deepl」などの拡張機能を使う

「英語テーマや海外製プラグインを使っているため、どうしても管理画面を翻訳したい」という場合は、Chrome標準のページ全体の自動翻訳ではなく、テキストを選択して翻訳するタイプの拡張機能を使いましょう。

  • DeepL 翻訳（Chrome拡張機能）: 選択したテキストだけをピンポイントで翻訳できるため、コードを壊さずに安全に読めます。

3. 【サイト運営者向け】訪問者のChrome翻訳による表示崩れを防ぐ

もし「自分のサイトを読みに来たユーザーがChrome翻訳を使った際、デザインやJavaScriptの動的パーツが崩れるのを防ぎたい」という場合は、WordPressサイトのHTML（<head>タグ内など）に以下のコードを追加します。

HTML

<meta name="google" content="notranslate">

特定の要素（コードブロックやログインフォームなど）だけ翻訳させたくない場合は、そのHTMLタグに class="notranslate" を付与することで対象外にできます。

HTML

<div class="notranslate">
  <!-- ここの中身はChromeに翻訳されない -->
</div>

まとめ

WordPressでのエラーは、「Chrome翻訳がシステムコードまで翻訳してしまうこと」が原因です。基本的に「WordPressの管理画面では翻訳機能をOFFにする」ことでスッキリ解決します。

翻訳機能オフでのデメリットあり

翻訳オフでの使いにくいデメリットなど

普段からワードプレスを使っていると、英語表記になってもある程度使いこなせますが、初心者の人はもちろん、経験者の人でも新しい機能を使うときは、英語表記だとわかりにくいことが多いので、使いにくいですね。

ちなみにクロームのおおもとの翻訳機能を翻訳オフにしましたが、別のワードプレスでは、ちゃんとワードプレス内が日本語表記されています（？？）。
意味が分からないですね。

そして翻訳機能をオンにしても、そちらのブログは不具合（投稿画面エラー）が起きません（？）。

謎です＾＾；

よく更新しているブログが、このエラーになったので、なんかやる気がなくなってきました。

また、何か原因が見つかったら更新します。

コメント

Copied title and URL