Wordpressのヘッダーメニューのレイアウトが急に崩れたので直したい

Question

PHPもCSSもHTMLも全然わからない初心者です。WordpressでWoocommerceを弄っていたのですが突然ヘッダーメニューのレイアウトがおかしくなってしまいました。

2枚目が元のものなのですが1枚目のような状態になってしまいました。

試したこと

考えられる原因としては2つあります。1つはプラグインを新しく入れたこと。もう1つはPHP、CSSを弄ったことです。入れたプラグインは「Contents Aware Sidebars」で弄ったのは「single.PHP」「Woocommerce.php」の二つです。
サイドメニューに関係するプラグインだったのでそれのせいでレイアウトが崩れたのかと思いプラグインを削除しましたが直りませんでした。PHPの弄ったところもバックアップから戻したのですが元のレイアウトには戻りませんでした。
うまくCSSが読み込めていないと思うのですがどんな原因が考えられますか？教えてください。本当に初心者でわからないことばかりで困っています。

Answer 1

もし変なレイアウトになる前のファイルにきちんと戻したのであれば、安心して大丈夫です。

それはキャッシュといって、サーバー側またはあなたがお使いのブラウザ（クロームやファイアフォックスなど）側に保存されているファイルを読み込んでいるだけです。

なので、「サーバーキャッシュ削除」か「ブラウザキャッシュ削除」をすれば、現在ある最新のファイルが読み込まれるはずです。

その最新のファイルが変なレイアウトになる前のものと一緒ならば、ほぼ絶対に戻るハズですから。

・サーバーキャッシュ削除
→サーバーにお問い合わせください。

・ブラウザキャッシュ削除
https://www.kbs-web.com/solution/item/hpinfo/cash.html

これで戻らなければ、ファイルが戻ってないという可能性がめちゃ高いです。しかし、どこを変えてしまったか、見つけるのは困難ですね。。

以下、それぞれ疑問にお答えしておきます。

1つはプラグインを新しく入れたこと。

プラグインで指定機能以外のCSSが変わることは滅多にないですし、無効化したら戻るハズです。

もう1つはPHP、CSSを弄ったことです。

99%こちらが原因です。が、今回はそうして弄ったファイルは元に戻したということなので、それならばやはり上述したとおりキャッシュが原因でしょう。

弄ったのは「single.PHP」「Woocommerce.php」の二つ

きっとこのときに「この名前(class名)はこのデザインでお願いね」を変えてしまったのでしょう。PHPファイルは名前を付ける場所だらけなので。「.cssを弄ってない」ならば、「.cssと関係づける.phpの名前を弄った」というわけです。

Comments

[ksoto]

お早い回答ありがとうございます。キャッシュの削除はすでに試したのですが駄目でした…。
となると私の復元法がいけなかったのだと思います。
作業をする前にSSHのTera Term上でcpコマンドでバックアップをとり。念のためPHPの中身を全部メモ帳にコピーしました。復元するときはコピーしたメモ帳からまたPHPのほうにコピーして戻しました。

ShapelyというWordpressのテーマを使っているのですが。このテーマのCSSがうまく読み込めていない。もしくはこのテーマのグローバルナビゲーションメニューに関係するCSSを気づかないうちに変えてしまったかな？と現段階では考えています。
初心者で見当違いのことを言ってるかもしれませんがすみません。