WordPressテーマの変更手順と確認項目まとめ

WordPressテーマを変更すると、デザインと機能が変わります。見た目の着せ替えだけではなく、中身（機能面）も含めて刷新できるのが、WordPressサイトの強みのひとつです。

しかし、元々あったコンテンツが表示されなくなったり、レイアウトが崩れることもあります。テーマごとにデザインや機能の互換性が異なるからです。

当記事では、そういった問題を防ぐために、WordPressテーマの変更手順と確認項目をまとめました。参考にしながら作業いただくと、スムーズにテーマを変更いただけるはずです。

同じテーマのバージョンを更新（アップデート）する方法については、こちらの記事で解説しています。

WordPressテーマ変更作業の下準備

WordPressテーマを変更する際は、まずはバックアップをとっておきましょう。不具合が起こってもすぐに戻せるようにするためです。バックアップはプラグインでとるのがオススメです。

弊社がよく使っているのはこちら。使い方がシンプルで、今までも大きな問題は起こっていません。

サイトのデータを丸ごとコピーして保存しておけますし、別環境に移行するのも簡単です。

次に、テスト用の別環境かローカル環境を用意します。新しいテーマに差し替える際は、まずはテスト用の環境で確認します。いくらバックアップをとったからといって、本番環境でいきなりテーマを差し替えるのはリスキーです。

別サーバーでテスト用環境を作る他に、こういったプラグインもありますので、ぜひ活用してみてください。

テスト環境で確認すること

テスト環境（ローカル環境）が用意できたら、そこにサイトのデータを丸ごと移行します。先ほどご紹介したプラグイン「All-in-One WP Migration」で簡単にできます。本番環境と同じ状態のテスト環境を再現できたら、ここで初めて新しいテーマを適用します。

テスト環境での確認項目をまとめましたので、それぞれチェックしてみてください。

全ページの外観

差し替え前後のテーマデザインの差によっては、崩れている箇所が出てくる可能性があるので、まずは全ページを確認しましょう。管理画面内から投稿タイプごとに確認していくといいです。

• 通常の投稿
• カスタム投稿タイプ
• 固定ページ

ごとにです。PC/スマホとも漏れが無いようにチェックしましょう。

特に、旧テーマのデザインを基準に調整したCSSが原因で、表示崩れが起きている場合もあります。CSS周りをチェックすると原因に気づきやすいです。TCDテーマの場合は、カスタムCSS機能に記述されている内容が影響を与える可能性もあります。

引き継がれない部分をどうするか

テーマ独自の機能は引き継がれませんが、「カスタム投稿タイプ」で作成したコンテンツもその対象です。

しかし、カスタム投稿タイプでは、通常の投稿とは別で「お知らせ」や「事例紹介」などとして活用されているケースもあります。それらのコンテンツは引き継がれないと困りますよね。正しく引き継ぐには少し作業が必要です。こちらの記事を参考にテストしてみてください。

新しいテーマでもコンテンツを正しく表示するための重要なチェック項目です。

OGP画像

新テーマに変更時に忘れがちなのが、OGP画像です。

ロゴやサイトのヘッダー画像など、すぐ目につく箇所ではないですが、サイトがSNSなどでシェアされた際に表示される画像のことです。

確認するためにSNSでシェアする必要はありません。OGP画像を設定したら、次のような拡張機能で簡単に確認できます。

アイキャッチ未設定時の代替画像

投稿記事などでアイキャッチ画像が未設定時に表示される代替画像も、見落としがちかもしれません。

テーマの機能やプラグインなど、代替画像を表示する手段はいろいろありますが、いずれにせよ旧テーマに基づいて設定していることが多いと思います。テーマ変更に伴い、サイトデザインやロゴ画像が変わったのに、代替画像は旧テーマのまま。ということがないように確認しておきましょう。

アイキャッチ画像を自動設定できるこんなプラグインもあります。

新テーマの機能と重複している部分がないか

新しいテーマに、旧テーマには無い機能が実装されている場合、重複している機能がないか確認しておきましょう。

例えば、旧テーマでは「記事にいいねを残す機能」をプラグインで実装していたが、新テーマには同機能が実装されている場合などです。同じ機能が干渉し、エラーや不具合の原因となる可能性があるため、機能が重複しているプラグインなどは削除しておくのがベターです。

>> ブログ記事にいいねボタンを設置できるプラグインの例
>> いいね機能が実装されているテーマの例

ヘッダーやフッターのナビメニュー

テーマのデザインによってヘッダーやフッターの形状は変わります。そのため、そこに表示されているメニュー項目も再設定が必要なケースが多いです。

TCD運営元のデザインプラスの企業サイトをリニューアルしたのですが、TCDテーマ「MONOLITH」から「GENESIS」に変更した例です。

それぞれフッターのデザインが異なるため、メニュー項目の設定内容も変更しています。

テーマ特有のウィジェット

テーマ変更時は、ウィジェット周りも確認しておきましょう。

テーマ特有のウィジェットは設定がリセットされるので、再設定が必要です。固定ページや各種投稿タイプの詳細ページのサイドバーなどを中心に確認してください。旧テーマでは表示されていたウィジェットが無くなっている可能性があります。

リダイレクトの要不要

非常に重要な確認項目です。テーマを差し替えるだけでは、ドメインが変わらないので不要とするのは早計です。

新旧テーマでカスタム投稿タイプのURLが変わる場合や、複数のカスタム投稿タイプをひとつに統合する場合などに、リダイレクトが必要になります。

リダイレクト処理をしなければ、旧テーマのURLがデッドリンクになります。本番環境に移行後に確認必須なので、旧テーマのURLをメモしておきましょう。

カスタム投稿タイプのコンテンツを引き継ぎ、リダイレクトさせる方法については、こちらを参考にご覧ください。

サムネイル画像の再生成

テーマを変更したら、サムネイルの再生成も必要です。テーマによって生成されるサムネイル画像のサイズが異なるからです。

すべての画像を差し替えることは現実的ではありませんので、こちらのプラグインを使うといいでしょう。ボタンひとつですべてのサムネイル画像を一括で再生成できます。

本番環境に移行後に確認すること

テスト環境で各項目を確認して問題がなければ、いよいよ本番環境に移行します。

再びプラグイン「All-in-One WP Migration」を使って、テスト環境→本番環境にデータを丸ごと移行します。

このとき、テーマのみを差し替えるのではなく、サイトデータをまるごと移行するのが賢明です。テスト環境で設定したナビメニューやCSS、その他の内容もすべて移行するからです。無事、移行できたら次の項目を確認していきましょう。

リダイレクトされているか

「テスト環境で確認すること」で説明しましたように、カスタム投稿タイプで作成したページなどが正常にリダイレクト処理されているかを確認します。

メモしておいた旧URLからリダイレクトされるか試しましょう。アーカイブページはもちろん、詳細ページも忘れずに確認します。

フォーム類が機能しているか

サイト内にフォームを設置している場合は、新テーマに変更後も正しく機能するか確認します。

通常は、旧テーマで設定していた内容が引き継がれて問題ないはずですが、新テーマで問い合わせ用のページを新設したり、複数のページを統合するなどの変更を加えた場合、正常に機能しない可能性があります。

その場合は、問い合わせフォーム周りの設定を見直しましょう。

>> お問い合わせフォームに関する解説記事一覧

表示設定等の初期設定

サイトの初期設定が正しいか確認します。表示設定や、パーマリンク、ログインパスワード等です。

基本的には移行前の設定が引き継がれているはずですが、重要な部分なので改めて見直しておきましょう。新テーマに変更したのに、検索エンジンにインデックスされない、デッドリンクになる、管理画面には入れない等の問題を防ぐ意味があります。

SSL化

こちらも基本的には、移行前の設定が引き継がれますが、改めて確認しておきます。

SSL化とは暗号化通信のことで、ブラウザ左上に「鍵アイコン」とともにURLが表示されていればOKです。

このときトップページだけでなく、全ページで確認することをオススメします。SSL化されていないことが判明した場合は、本番環境で再設定しましょう。設定方法の参考になる記事はこちら。

まとめ

WordPressテーマの変更手順と確認項目をご紹介いたしました。テーマを変更することでサイトを刷新できるメリットがある反面、注意深く確認すべきこともあります。

• デザインやレイアウト、画像サイズ等の外観（PC/スマホ）
• ページがデッドリンクになっていないか（リダイレクト処理やパーマリンク等）
• 検索エンジンにインデックスされているか
• フォーム等のコンバージョンにつながる部分が機能しているか
• セキュリティまわり（SSL化やログイン情報等）

外観の確認はもちろん、サイトが意図した通りに機能しているかがもっとも重要です。WordPressテーマを変更する際は、ぜひ当記事を参考にしてみてください。