WordPressのテーマを変更する方法と注意点｜崩れたとき・元に戻す方法
直らないときは、無料でご相談いただけます（直らなければ料金はいただきません）。
結論：WordPressのテーマは、「外観」→「テーマ」で変えられます。有効化する前に「ライブプレビュー」で、今の記事やページがどう見えるかを確かめられます。
ただし、カスタマイズの設定・追加 CSS・メニューの位置・ウィジェットなどは、テーマごとに保存されているため、新しいテーマにはそのまま移らないことがあります。変える前にバックアップを取り、今のテーマで何を設定・追加しているかを書き出してから進めます。前のテーマは、落ち着くまで消さずに残しておきます。
目次
変える前に確かめること
| 確かめること | 理由 |
|---|---|
| バックアップ | ファイルとデータベースの両方を取ります（バックアップの記事） |
| 「外観」→「カスタマイズ」の設定・追加 CSS | ロゴ・色・トップページの並びなどの設定や「追加 CSS」は、テーマごとに保存されています。新しいテーマには移らないため、必要なものは書き出しておきます |
| メニューとウィジェット | WordPressは、メニューの位置やウィジェットを、新しいテーマの似た場所へ移そうとします。合う場所が無いウィジェットは「使用停止中のウィジェット」に移されます |
| テーマに入っている機能 | テーマによっては、独自のショートコードやブロック、「お知らせ」「実績」のような記事の種類を持っています。テーマを変えると、それらが表示されなくなることがあります |
| テーマのファイルに足したもの | functions.php などに直接書き足したものは、新しいテーマには入りません。アクセス解析（Google アナリティクス）のタグや、Search Console の確認のタグをテーマに入れている場合も、新しい方に入れ直します |
ブロックテーマとクラシックテーマ
テーマには、大きく分けて2つの作りがあります。どちらかによって、見た目を整える場所が変わります。
| 作り | 見た目を整える主な場所 | 例 |
|---|---|---|
| ブロックテーマ | 「外観」→「エディター」（サイトエディター）。ヘッダー・フッター・メニューもブロックで作ります | Twenty Twenty-Five など、最近の標準のテーマ |
| クラシックテーマ | 「外観」→「カスタマイズ」「ウィジェット」「メニュー」 | 以前からある多くのテーマ |
エディターで直したテンプレートやスタイルも、そのテーマの分として保存されます。作りの違うテーマへ変えるときは、ヘッダーやメニューを作り直すことが多くなります。
テーマを変える手順
- バックアップを取ります。
- 新しいテーマを入れます：「外観」→「テーマ」→「テーマを追加」から探して「インストール」します。購入したテーマは、「テーマのアップロード」から ZIP ファイルを入れます。
- ライブプレビューで確かめます：テーマの上にマウスを置くと出る「ライブプレビュー」を押します。クラシックテーマはカスタマイザーで、ブロックテーマはサイトエディターで、今の記事やページを使った見た目を確かめられます。ライブプレビューの間、訪問者には今のテーマのまま表示されます。
- 有効化します：「有効化」（ライブプレビューの画面では「有効化して公開」など）を押します。押した時点で、訪問者にも新しいテーマで表示されます。
- 表示を確かめます：変えた後に確かめることを見ていきます。
注文やお問い合わせを受けているサイトなど、より慎重に試したい場合は、サーバーのテスト用のサイト（ステージング）などの複製で先に試す方法もあります。
変えた後に確かめること
- トップ・記事・固定ページ・カテゴリーの一覧が表示されるか。スマートフォンでも確かめます
- メニュー（「外観」→「メニュー」の「位置を管理」、ブロックテーマはエディターのナビゲーション）とウィジェットが、思った場所に出ているか
- お問い合わせフォームから送れるか、届くか
- 記事の中に、
[〇〇]のような文字がそのまま出ていないか（前のテーマのショートコードが残っていることがあります） - アクセス解析のタグや Search Console の確認のタグが、新しいテーマでも入っているか
- ブラウザのタブに出るページの題が、前と同じように出ているか
変えた後に崩れたとき
| 出ている状態 | 確かめるところ |
|---|---|
| メニューが出ない・違う場所に出る | クラシックテーマは「外観」→「メニュー」の「位置を管理」で、表示する位置を選び直します。ブロックテーマは、エディターでナビゲーションのブロックを確かめます |
| サイドバーなどのウィジェットが消えた | 「外観」→「ウィジェット」の「使用停止中のウィジェット」に移っていないか |
[〇〇] のような文字が出る |
前のテーマのショートコードです。同じ機能のプラグインに置き換えるか、その部分を書き直します |
| 「お知らせ」などの記事が404になる | その種類の記事を、前のテーマが作っていた可能性があります（404の記事の「ある種類の記事だけのとき」） |
| 真っ白・「重大なエラーが発生しました」 | 新しいテーマと、PHPの版やプラグインとの相性（重大なエラーの記事） |
| 直したのに表示が変わらない | キャッシュに前の表示が残っていないか（表示されないときの記事の「直したのに表示が変わらないとき」） |
| サイトが遅くなった | テーマの機能や読み込むものの多さ（遅いときの記事の「テーマや外部の読み込みを見直す」） |
元のテーマに戻す
「外観」→「テーマ」で、前のテーマの「有効化」を押します。カスタマイズの設定や追加 CSS は、テーマごとに残っているため、前のテーマに戻すと、その設定も使われます。メニューの位置とウィジェットは、戻した後にもう一度確かめます。
管理画面に入れなくなった場合は、重大なエラーの記事の、テーマを切り替えて確かめる手順をご覧ください。前のテーマを消してしまっていると、戻すのに手間がかかるため、新しいテーマで落ち着くまでは消さずに残しておきます。使わないテーマを整理するときも、WordPressの標準のテーマを1つ残しておくと安心です（サイトヘルスの記事）。
子テーマとは
子テーマは、元のテーマ（親テーマ）のデザインや機能をそのまま使いながら、自分で直したい部分だけを分けて持てるテーマです。WordPressの公式の案内では、子テーマに分けておくと、親テーマを更新しても、自分で直した部分が失われないとされています。
- テーマのファイルを直接書き換えると、テーマを更新したときに、書き換えた部分が元に戻ることがあります。テーマのファイルを直す必要があるときは、子テーマを使う方法を考えます。
- 子テーマの作り方は、公式の案内（
style.cssのTemplate:に親テーマのフォルダ名を書くなど）に沿って行います。ファイルを扱うため、慣れた方向けです。 - テーマによっては、作者が子テーマを配っていることもあります。
テーマの変更のご相談
WP-ingでは、テーマの変更や、変えた後に表示が崩れる・メニューが出ないなどの不具合の修理を承っています。今のテーマで何を設定しているか分からないときや、変えてよいか迷うときは、お気軽にご相談ください。
よくある質問
テーマを変えると、検索の順位に影響しますか？
記事のアドレス（パーマリンク）は、テーマを変えても基本的には変わりません。ただ、ページの題の出し方、見出しの作り、表示の速さなどはテーマによって変わることがあります。変えた後に、ページの題や表示を確かめておきましょう。アドレスの形を変える場合は、パーマリンクの変更の記事をご覧ください。
テーマの名前を変えたいです。
テーマの名前は、テーマの style.css に書かれていますが、書き換えても、テーマを更新すると元に戻ることがあります。テーマのフォルダ名を変えると、WordPressは別のテーマとして扱うため、カスタマイズの設定などが引き継がれなくなります。名前を変えたい理由（見分けたい・自分用に直したいなど）によって進め方が変わるため、迷うときはご相談ください。