WordPressのテーマは何度も変更してきたが、その過程で何度も不具合を起こしてきた。サイドバーが消えたり、レイアウトが崩れたり、すべてを機能させる唯一のカスタムコードを忘れてしまったりするのはよくあることだ。
だからこそ、コンテンツを失わずにテーマを切り替えるには、当てずっぽうではなく、準備とテストが肝心なのです。
このガイドでは、テーマを安全に切り替えるための具体的な手順を解説します。WordPress.orgから新しいテーマを有効化する場合でも、SeedProdでカスタムテーマを作成する場合でも、変更前・変更中・変更後の対応が明確になります。
WordPressのテーマを変更すると何が変化しますか？
テーマを切り替えても、投稿やページ、画像は失われません。WordPressはコンテンツをデータベースに保存するため、テーマは主にデザインとレイアウトを制御します。
通常変更されるのは、メニューやウィジェット、テンプレートといったサイトの構造やスタイルです。だからこそ、以下のチェックリストが重要になります。
- カスタムテーマのコードが消失する可能性があります：トラッキングスクリプトとfunctions.phpのスニペットは保存し、再追加する必要があります。
- コンテンツはそのまま維持されます：投稿、ページ、メディア、コメント、ユーザー、およびほとんどのプラグイン設定。
- レイアウトを変更できます：ヘッダー/フッター、メニューとメニューの位置、サイドバー/ウィジェット、ホームページのレイアウト、テーマのスタイル。
テーマ切り替え前の確認事項（新しいテーマを有効化する前に実行してください）
WordPressのテーマを変更する前に、数分かけてサイトの準備を整えましょう。このチェックリストにより、メニューの消失、レイアウトの崩れ、トラッキングコードの喪失といった最も一般的な問題を回避できます。
この操作は一度だけ行えば十分です。その後は、はるかにリスクを抑えてテーマのプレビューや切り替えが可能です。
- 万が一に備えて、サイト全体のバックアップを作成し、すべてを復元できるようにしてください。
- テーマに追加したカスタムコード（トラッキングスクリプトやfunctions.phpのスニペットを含む）を保存してください。
- 現在のメニュー構造と、各場所に割り当てられているメニューをメモしてください。
- 設定 » 表示設定 で、ホームページとブログの設定を確認してください。
- ヘッダー、フッター、サイドバー、およびホームページのレイアウトのスクリーンショットを参考用に撮影してください。
- 現在のページ読み込み時間をテストし、切り替え後のパフォーマンスを比較できるようにしてください。
- 変更内容を訪問者から非表示にするには、ステージングサイトを使用するか、メンテナンスモードを有効にしてください。
このチェックリストを完了したら、新しいテーマをプレビューして切り替えを開始する準備が整います。
方法1. 新しいテーマを有効化する前にプレビューする
切り替え前のチェックリストを完了したら、新しいテーマをプレビューしてレイアウト、メニュー、ウィジェットを確認し、公開してください。
クラシックなWordPressテーマを使用している場合
WordPressダッシュボードで「外観」→「テーマ」に移動してください。
試したいテーマにカーソルを合わせ、「ライブプレビュー」をクリックしてください。これにより、WordPressカスタマイザーでテーマが開きます。
ホームページと主要ページをいくつかクリックして確認してください。メニュー、サイドバー、ページレイアウトを確認してください。
ブロック（フルサイト編集）テーマを使用している場合
ブロックテーマはカスタマイザーを使用しません。テーマを有効化後、[外観] » [エディター] に移動してください。
テンプレート、ヘッダー、フッター、ナビゲーションブロックを確認してください。すべてが正しい位置に表示されていることを確認してください。
何かが欠けているように見える場合、通常は新しいテーマが異なるテンプレートを使用しており、コンテンツの再配置が必要であることを意味します。
方法2.Theme SwitchaプラグインでWordPressのテーマを変更する
本番前にWordPressテーマをプレビューしてテストするもう一つの方法は、Theme Switchaプラグインを使用することです。このプラグインを使用すると、新しいテーマを変更せずにプレビューすることができます。
まず、無料のプラグインをダウンロード、インストール、有効化してください。次に、管理画面の左側のサイドバーから、設定"Theme Switchaに進みます。
一般設定ページで、テーマ切り替えを有効にするオプションを選択します。その後、ページを一番下までスクロールし、「変更を保存」をクリックします。
ページの下部に、プラグインがインストールされているすべてのテーマを表示します。新しいテーマをクリックして、新しいブラウザのタブでプレビューしてください。
方法3.ステージング環境でWordPressのテーマを変更する
現在、多くのWordPressホスティング会社には、特別なステージング環境にウェブサイトのコピーをクローンするオプションがあり、公開前に変更をテストすることができます。
ここでは、Bluehostを使用してステージング環境を作成する例を示します。管理パネルからBluehost"Stagingを選択します。これは、ステージングサイトに本番（ライブ）サイトをコピーするかどうかを尋ねるページが表示されます。
Create Staging Siteをクリックしてクローンの作成を開始します。
しばらくすると、ステージング環境が作業可能な状態になったことを伝える成功メッセージのページが表示されます。
Go to Staging Site（ステージング・サイトに移動）」をクリックして、このバージョンのウェブサイトに移動します。
これで、あなたのサイトのオリジナルバージョンに影響を与えるような変更を加えることなく、テーマが正しく機能するかどうかをテストすることができます。
次に、変更を公開する方法について説明します。
注： 一部のホスティングプランでは、アドバンスプランを使用しない限り、ステージングサイトを提供していません。
方法4.ライブサイトでWordPressのテーマを変更する
新しいテーマのテストが完了したので、公開する準備が整いました。まず、新しいテーマファイルをサイトに追加する必要があります。
「外観」→「テーマ」に移動し、「新規追加」をクリックします。テーマのzipファイルをアップロードし、「インストール」をクリックします。
インストール後、選択したテーマの上にマウスカーソルを合わせてください。その後、「有効化」ボタンをクリックします。
ホームページにアクセスすると、新しいWordPressテーマが表示されます。
ステージング環境から新しいテーマを公開するには、以下の手順に従ってください。
Bluehost»ステージングサイト に移動し、 ステージング環境のページを下にスクロールしてください。テストサイトを元のライブサイトにコピーするための3つのオプションが表示されます。
- ファイルのみをデプロイする。
- ファイルとデータベースを展開する。
- データベースのみをデプロイする。
ほとんどの場合、Deploy Files and Databaseオプションを選択してください。
情報がコピーされるまで1、2分かかることがあります。処理が完了すると成功のメッセージが表示されます。
そうしたら、メイン（本番）サイトに戻り、そこで新しいテーマが動作するようにします。
ファイル転送プロトコル（FTPクライアント）を使ってWordPressにファイルをアップロードし、WordPressのテーマを変更する古い方法を好む人もいる。また、WordPressホストのcPanelからテーマを設定することを好む人もいます。
FTPを使用して、Webホスティングでテーマをアップロードする方法を学ぶために、FTPの使用に関するこの初心者ガイドをチェックしてください。
方法5. FTP経由でWordPressテーマを変更する
警告：この方法は 上級ユーザー向けです。続行する前に、サイトの完全なバックアップがあることを必ず確認してください。
WordPressのダッシュボードにアクセスできない場合、テーマを手動でインストールできます。この操作にはFileZillaなどのFTPクライアントを使用できます。
まず、FTPを使用してホスティングアカウントに接続します。 /wp-content/themes/ フォルダ
次に、お使いのコンピューター上でテーマフォルダを解凍してください。解凍したフォルダ全体をサーバー上のテーマディレクトリにアップロードします。
これでテーマファイルが安全にインストールされます。サイトにログインできなくなった場合は、古いテーマフォルダの名前を変更してWordPressをデフォルトテーマに切り替えることができます。その後、ログインして先ほどアップロードした新しいテーマを有効化してください。
WordPressテーマをリプレースした後にすべきこと
テーマを切り替えた後は、数分かけてすべてが期待通りに動作するか確認してください。問題を早期に発見できれば、ほとんどは軽微で簡単に修正できます。
- ページ、投稿、メニュー、ウィジェット、フォームを確認し、欠落や位置ずれがないことを確認してください。
- いくつかの異なるブラウザでサイトをテストし、レイアウトが統一されていることを確認してください。
- 切り替え前に保存したトラッキングコードやカスタムスニペットをすべて追加してください。
- メンテナンスモードを無効にして、訪問者が更新されたサイトを見られるようにしてください。
- ページの読み込み時間をテストし、以前のテーマと比較してください。
すべて問題なければ、テーマの変更は完了です。コンテンツはそのまま維持され、サイトはすぐに使用できます。
WordPressテーマ変更に関するよくある質問
これでコンテンツを失うことなくWordPressテーマを変更する方法がわかりました。これにより、サイトの再デザインがはるかにストレスなく行えるようになります。
より役立つWordPressガイドについては、次の投稿をご覧ください：
- WordPressでブロック間のスペースを追加または削除する方法
- WordPressでページごとに異なるサイドバーを追加する方法
- WordPressでカスタムCSSを追加する方法（初心者向け）
- WordPressでボックスシャドウを追加する方法：4つの簡単な方法
この記事を楽しんでいただけたなら、Facebookや TwitterでWordPressのお役立ちガイドをフォローすることをお忘れなく。
