WordPressのテーマを更新したらデザインが消えた｜戻し方と、次から消さない守り方

管理画面にテーマの更新のお知らせが出ていたので押したら、サイトの色や文字の大きさががらりと変わってしまった。

足しておいたボタンや、ヘッダーの表示が消えた。

それが怖くて、テーマの更新を何年も止めている方も少なくありません。

なぜ消えるのか、どう戻すのか、どうすれば次から消えないのかをまとめました。

■まず、本当に消えたのかを確かめる

・ページを再読み込みし、別のブラウザやスマホでも見る（古い表示が残っていることがあります）。

・キャッシュのプラグインを使っていれば、キャッシュを消してから見直す。

・いつから変わったか（テーマの更新直後か、本体やプラグインの更新のあとか）を確かめる。

・どこが変わったか（全体か、一部だけか）を確かめる。

変わる前と後の画面を、スクリーンショットで残しておくと、相談するときに役立ちます。

■消えるもの、消えないもの

テーマを更新しても、ふつうは次のものは消えません。

・記事や固定ページの文章・画像。

・「外観」→「カスタマイズ」で選んだ色やロゴ。

・「追加CSS」に書いた見た目の調整。

消えるのは、テーマのファイルそのものを直接書き換えていた部分です。

たとえば、管理画面のテーマの編集画面でコードを書き足したところや、制作会社がサーバーの中でテーマのファイルに手を入れたところです。

■なぜ消えるのか

テーマの更新は、テーマのフォルダの中身を新しいものにまるごと入れ替える作業です。

入れ替えた時点で、元のファイルに加えていた手直しはなくなります。

■消えてしまったときの戻し方

・更新前のバックアップがあれば、テーマのフォルダだけを更新前に戻します（サイト全体を戻すと、その後の記事まで戻ることがあります）。

・戻したら、新旧のファイルを見比べて、書き換えていた部分を後で説明する安全な場所に移します。

・バックアップがなければ、テーマの古い版や過去のスクリーンショットを手がかりに作り直します。

古い版に戻したままにすると、新しい版で直った弱点が残ります。

ここまでやって、ようやく「次の更新でも消えない状態」になります。

■次から消さないための3つの置き場所

手直しの中身によって、置き場所を分けるのが基本です。

・見た目だけの調整：「外観」→「カスタマイズ」の「追加CSS」に書く。

・機能を足すための短いコード：コードを預けておくプラグインに入れる。

・テンプレートそのものの作り替え：子テーマに入れる。

色や余白を少し変えた程度なら、子テーマを作らなくても、追加CSSで十分なことが多いです。

■子テーマという仕組み

子テーマは、元のテーマ（親テーマ）をそのまま使いながら、変えたい部分だけを別の場所に分けて持っておく仕組みです。

親テーマを更新しても入れ替わるのは親のほうだけなので、子テーマに書いた手直しは残ります。

「消えるのが怖いから更新しない」状態は、テーマの弱点が直らないまま残るため危険です。

子テーマは、安心して更新できるようにするための仕組みです。

■子テーマを使うときの注意

・「カスタマイズ」の設定は、テーマごとに保存されていることが多く、子テーマに切り替えると初期の状態に見えることがあります。切り替える前に控えておきましょう。

・親テーマは消さずに残しておきます。親がないと子テーマは動きません。

・親から子へ写したファイルは、その後に親が直されても、子のほうには反映されません。更新のたびに見比べる手間が生まれます。

・テーマの作者が公式の子テーマを配布していれば、それを使うのが安心です。

・いきなり本番で切り替えず、できればテスト用の複製で試します。

■よくあるご相談の例

「制作会社が作ったサイトで、テーマを更新したらトップページの配置が崩れた」というケースがよくあります。

この場合は、テーマのファイルが直接書き換えられていたことが多いです。

「怖くて何年も更新していない」というケースもよくあります。

まずは手直しの場所を調べ、置き場所を移してから更新すると、落ち着いて進められることが多いです。

■自分で確かめるチェックリスト

・「外観」→「テーマ」で、使っているテーマの名前を確かめた。

・テーマ名に「Child」や「子テーマ」が付いているかを見た。

・制作会社に、テーマのファイルを直接変えているかを聞いた。

・更新の前に、サイトのバックアップを取っている。

・更新の前後で、主なページのスクリーンショットを残している。

■よくある質問

Q. テーマの更新は、しないままではいけませんか？

A. 更新には、見つかった弱点の修正が含まれることがあります。止めたままにするより、手直しを安全な場所へ移してから更新するほうがおすすめです。

Q. 子テーマは、あとからでも作れますか？

A. 作れます。ただし、親に加えていた手直しを子へ移す作業が必要になります。

Q. 追加CSSに書いた内容は、テーマを替えても残りますか？

A. 追加CSSはテーマごとに保存されることが多く、別のテーマに切り替えると表示されなくなることがあります。切り替える前に控えておきましょう。

Q. 子テーマに切り替えたら、色やロゴが初期の状態に戻りました。

A. 設定がテーマごとに保存されているためです。親テーマの設定を見ながら入れ直すか、設定を書き出して読み込む方法があります。

■直すのが難しいときは

ご自分で確かめられるところまでは、上の順番で十分です。

消えた部分の復元や、子テーマへの移し替えをお受けしています。

WordPressの修正・不具合を解決します

https://coconala.com/services/748092

テーマや本体の更新そのものを任せたい方は、テスト環境で確かめてから本番に反映する更新代行もご用意しています。

WordPressとPHPの更新を安全に代行します

https://coconala.com/services/4456356