WordPressの管理画面では文字化けしてないのに、プレビューや投稿後の画面がおかしい。
そんな時の対処方法です。
しかし、初心者がPHPファイルをよくわからずに編集すると泥沼になる場合があります。
基本的に、PHPファイルを編集してない場合は、それが原因であることはありません。
👉大体『些細』なことが原因なことのほうが多いです
まずWordPressプラグインや配置広告が文字化け原因ではないかチェックしてみましょう。
wordpress 文字化け プレビュー
このように、一部の記事だけ文字化けしました。
管理画面では問題なかったので読者の方のコメントで気がつくことができました。
記事に配置した「広告のソースコード」にWordPressが文字化けする原因があります。
文字化けしたテキストのソースコード
↓ 上の文字化けした、WordPressのhtmlコード（ビジュアルからテキストタブにした画面で表示されるコード）は下記です。
<p>[st-kaiwa1]新しい激安モニター「ASUS 23型」をAmazonから購入しました。1万円ちょいで超薄型モニターが購入できました。[/st-kaiwa1]</p> <p><img class="alignnone size-full wp-image-3739" src="https://www.illareya.net/wp-content/uploads/2019/01/51t7-vDXwL.jpg" alt="" width="500" height="376" /></p> <p><a href="https://amzn.to/2D03s8t" target="_blank" rel="noopener noreferrer">＞＞激安なのにベゼルが少なく視野角広い上に高画質なAmazon激安モニター</a></p> <p> </p>
WordPress文字化けの原因
<a href="https://amzn.to/2D03s8t" target="_blank" rel="noopener noreferrer">
今回のWordPressの文字化けの原因はこれです。
「 rel=”noopener noreferrer”」が原因部分にです。
上記のコードのAmazonアソシエイト広告をそのまま配置するとWordPressが文字化けします。
文字化け解消方法
rel=”noopener noreferrer” を、WordPressの管理画面の投稿エディタの「テキスト」表示画面で削除しました。
ついでにtarget=”_blank”も削除したほうが良いです。これはリンクをクリックすると新しいウィンドウが生成されるhtmlです。
target=”_blank”は、アフィリエイト広告の計測漏れの原因となってます。
そのため、ASPでは削除されています。
👉これで文字化けが治りました！
しかし、管理画面では文字化けしてませんでした。
プレビューと投稿後の画面で文字化けしました。厄介ですね。
このような場合は、このソースコードがWordPress文字化けの原因であることを疑いましょう。
文字化けの原因はどこで入ったのか？
この、target=”_blank” rel=”noopener noreferrer”はアマゾンアソシエイトプログラム、楽天アフィリエイトプログラムの他、各種ASPが提供するアフィリエイト広告のソースコードをWordPressに貼り付けた時に含まれていることがあります。【2019年10月26現在】
A8ネットなどのASPでは、この「target=”_blank” rel=”noopener noreferrer”」がアフィリエイトソースコードから現在削除されており、ほとんどのASPの広告には付与されなくなりました。
しかし、過去に投稿した記事に「target=”_blank” rel=”noopener noreferrer”」が含まれている場合、このような文字化けがWordPressで今後も当然発生します。
現在「未対応」のASPなども同じことです。
