昨日は普通だったのに、今日ブログを開いてみたらレイアウトがおかしい！！
管理画面は通常通り、いつもと変わらないのに、、公開画面に移行すると文字化け＆レイアウトがめちゃくちゃ状態・・・
ヤバイ泣きそう、、、
同じような状態になってしまい、思考停止状態のブロガーもいるはず。
そんな方のために僕がした、解決策をご紹介します！
今までのブログ全部消さなきゃダメなの？！って状態までいったのですが、順番にやれることをやっていけば必ず解決策は見つかります！
僕の場合は全ての可能性を試す前に僕の場合は解決しました！
全て読んでいただければこういった事態の時の原因と対応策が理解できるはずです！
ぜひ最後までご覧ください！
目次
突然のレイアウトめちゃくちゃ＆文字化け状態
突然起こったこの悲劇・・・（上）通常 ／（下）バグ状態
初見は完全にお手上げ。。（涙が出そうでした、、w）
こういうときは一旦落ち着きましょう！w
思いついたことをやり始めるのではなく、何から始めればよいか冷静に考えてみるのが大事です。。
ChatGPTに聞いてみた
まずはChatGPTに聞いてみました！
するとさすがの回答！
マジでありがとう〜😭
Chromeでも最近、検索かけるとAIの回答が先頭に出るようになりましたね！
これもかなり便利です！
順番にできることを一つずつやってみた（順不同）
1．WordPress、テーマ、プラグインを最新版に更新する
2．ブラウザのキャッシュをクリアする
→ そもそもキャッシュとは・・・
上記を読んでいただければキャッシュを消す理由と、消した後にどうなるかはお分かりいただけるかと思います。
『Google Chrome』のキャッシュは以下から削除可能です ↓ ↓
1. 「右上の縦・・・」をクリック → 「設定」をクリック
2. 「プライバシーとセキュリティ」をクリック
3. 「閲覧履歴データの削除」→ 「キャッシュされた画像とファイル」に✅を入れて削除！
※ 「Cookieと他のサイトデータ」は僕は一緒に✅を入れて削除します。
覚悟して欲しいのは、Cookieを消すとログインしているサイトから全ログアウトされます。
3．別のブラウザで試してみる
僕の普段使いは『Google Chrome』です。
別のブラウザは『Bing』で試してみました！
結果は・・・残念！！
4．HTML / CSS が間違っている
プログラミング言語は全くわからないので、基本的にはデフォルトで利用しています。
ですが過去に何かを追加した記憶があるので一応消しました！
・・・何を追加したかは覚えてませんが。。
ですがコレも不発・・・
5．プラグインを一旦全て停止する
「有効」にしているプラグインだけ順番に確認していきます。
一つずつ「無効化」し、サイト更新をして確認
使っていないプラグインはこの際に削除しましょう！
整理する良い機会です！
そして、ようやくここで正解が出てくれました！！
「Table of Contents Plus」が原因
「Table of Contents Plus」は目次を自動生成してくれる無料のプラグインです。
正直重宝していたので、ショックですね。。
（2023年10月15日現在も有効にすると大変なことになります。。。）
現在は代替プラグインとして、「Easy Table of Contents」を利用してます。
個人的には、見た目とか使い勝手が「Table of Contents Plus」の方がよく感じます。。
しかし仕方ありません…
「Easy Table of Contents」も無料で使えるプラグインですので、ブログに目次をつけたい人にはオススメですよ！
結局試さずに済んだ対策一覧
・.htaccess を無効化する
・PHP のバージョンを変える
・functions.php が間違っている
・jQuery などの読み込みソースが間違っている
・リカバリーモードを試してみる
・WordPress を再インストールする
・メモリ制限に達したこと
・画像や動画のサイズが大きすぎる
プログラミング言語が出てきたので、ここまで来たら僕はお手上げでした…
そのときは諦めて全消去でしたね。。
エンジニアの方にとってはここら辺から確認した方が早い場合もあるんですかね？！
解決できない場合はこういった様々な方法があるので、是非とも皆さんは諦めずに最後まで粘っていただければと！
WordPressのレイアウトがバグった時はこれで解決できます！
もちろん一概には言えませんが、テーマやプラグインのアップデートなどを起因として起こることが多いように思います。
レイアウトがおかしい！文字化けしてる！ってなってしまった時にはまず慌てない。
一つ一つ出来る対策を試していきましょう！
調べて出てくるってことは他のブログ仲間も過去に同じような経験はしているってこと。
そう考えると越えられない壁がありませんね！！
それにしても、「ChatGPT」とか「AI」とか便利すぎて恐ろしい・・・
これからも一緒にブログ頑張っていきましょう！
