WordPressで作ったサイトの表示が壊れてレイアウトおかしくなって、何度読み込んでも治らない時、一瞬で表示を元に戻した方法。

自分が作ったWordPressのサイトの表示が変になっちゃった。

ニート太郎です。

今回は、自分でWordPressで作ったサイトの表示がおかしくなって、パソコンで見てるのに、なんかスマホ用の表示みたいになってしまいました。

画像とかやたら大きく表示されて見づらい…。

これは困ったぜ…。

しかしある方法を試したら簡単に治っちゃったので、その方法を記事にしました。

WordPressのサイトの表示が崩れる原因は？

いろいろ調べたら、プラグインが影響してるだとか、WordPressのアップデートの影響だとか、いろいろ書かれていました。

それらが原因でレイアウトが壊れた人は、多分作ったWebサイト自体に問題があるみたいです。

僕が参考にしたページ

WordPressのレイアウトが崩れた時に考えられる6つの原因 (http://f-light.co.jp/seo/site09/)

WordPressでカスタマイズしたらレイアウトが崩れた！その原因の見つけ方

ワイの場合は、WordPressのせいではないっぽかった。

でも上記のサイトで見たような原因は、僕は別に何もした覚えがなく、原因が思い当たらなかったのです。

ってことで、パソコン2台持ってたので、もう1台のパソコンから見たら普通にちゃんと観れたのでした。

ん？？

てことは、ワイのサイトに問題あるんじゃなくて、ワイのパソコンに問題があるのかしら？？

もしかしたら、キャッシュ (一度アクセスしたサイトのデータをブラウザで一時的に保管し、次回より同じページにアクセスした際の表示を速くする仕組みです。)って奴のせいの気がしたのだ。

つまり一回間違って変に読み込んじゃったキャッシュが、毎回そのページを開くたびに使われるために、表示が変になってるのだとニート太郎は考えたのだ。

そこで以下の方法を試すと簡単に崩れたWebページが治っちゃったのである。

スーパーリロードを試してみよう。

スーパーリロード (フルリロード) と言われる方法である。

要するにキャッシュ使わずにサイトを表示する方法っぽい。

ワイのMacの場合

ブラウザが、Google Chrome、Firefoxの場合、ワイのパソコンの場合は、Macなので、

キーボードのShiftボタンを押しながら、ブラウザの更新ボタンをクリック。

もしくは、

command + shift + r

を押すのだ。

すると、変になっちゃったキャッシュを使わずにWebページが表示されるので、あっという間に元のええ感じの表示に戻りましたとさ＾ω＾

おまけ Windowsの場合

Windowsの場合はcommandじゃなくて、

Ctrl + shift + r

でスーパーリロードできるらしい。

最後に

当たり前やけど、自分のサイトじゃなくても、サイトの表示が変になった時、これ試してみたらええでw