私はWordPressのテーマを何度も変更してきましたが、その過程でいくつかの問題を抱えました。サイドバーを失ったり、レイアウトを台無しにしたり、すべてを機能させるカスタムコードの断片を忘れたりするのは簡単です。
だからこそ、コンテンツを失わずにテーマを切り替えることは、推測ではなく、準備とテストにかかっています。
このガイドでは、私が安全にテーマを切り替えるために使用する正確な手順を説明します。WordPress.orgから新しいテーマを有効にする場合でも、SeedProdでカスタムテーマを構築する場合でも、変更の前、最中、後に何をすべきかがわかります。
WordPressテーマを切り替えると何が変わりますか？
WordPressテーマを切り替えても、投稿、ページ、画像は失われません。WordPressはデータベースにコンテンツを保存するため、テーマは主にデザインとレイアウトを制御します。
通常変わるのは、メニュー、ウィジェット、テンプレートなどのサイト構造とスタイルです。だからこそ、以下のチェックリストが重要になります。
- カスタムテーマコードが消える可能性があります：トラッキングスクリプトやfunctions.phpのスニペットは保存して再追加する必要があります。
- コンテンツはそのままです：投稿、ページ、メディア、コメント、ユーザー、ほとんどのプラグイン設定。
- レイアウトが変わる可能性があります：ヘッダー/フッター、メニューとメニューの場所、サイドバー/ウィジェット、ホームページのレイアウト、テーマのスタイル。
切り替え前のチェックリスト（新しいテーマを有効にする前にこれを行ってください）
WordPressテーマを変更する前に、サイトを準備するために数分時間を取ってください。このチェックリストは、メニューの欠落、レイアウトの破損、トラッキングコードの紛失などの一般的な問題を回避します。
これは一度だけ行う必要があります。その後、はるかにリスクを少なくしてテーマをプレビューおよび切り替えることができます。
- サイト全体のバックアップを作成することで、問題が発生した場合にすべてを復元できます。
- トラッキングスクリプトやfunctions.phpのスニペットを含む、テーマに追加したカスタムコードをすべて保存してください。
- 現在のメニュー構造と、各場所に割り当てられているメニューをメモしてください。
- 設定 » 表示設定の下にあるホームページとブログの設定を確認してください。
- 参照用に、ヘッダー、フッター、サイドバー、ホームページのレイアウトのスクリーンショットを撮ってください。
- 現在のページの読み込み時間をテストして、切り替え後のパフォーマンスを比較できるようにしてください。
- ステージングサイトを使用するか、メンテナンスモードを有効にすることで、訪問者から変更を隠してください。
このチェックリストを完了したら、新しいテーマをプレビューして切り替えを開始する準備が整いました。
方法1. 新しいテーマを有効化する前にプレビューする
プリスイッチチェックリストを完了したら、新しいテーマのレイアウト、メニュー、ウィジェットを確認するためにプレビューしてから公開してください。
クラシックWordPressテーマを使用している場合
WordPressダッシュボードで外観 » テーマに移動します。
試したいテーマにカーソルを合わせ、ライブプレビューをクリックします。これにより、テーマがWordPressカスタムizerで開きます。
ホームページといくつかの主要なページをクリックして確認します。メニュー、サイドバー、ページレイアウトを確認してください。
ブロック（フルサイト編集）テーマを使用している場合
ブロックテーマはカスタムizerを使用しません。テーマを有効化した後、外観 » エディターに移動します。
テンプレート、ヘッダー、フッター、ナビゲーションブロックを確認します。すべてが正しい場所に表示されていることを確認してください。
何かが欠けているように見える場合、通常は新しいテーマが異なるテンプレートを使用しており、コンテンツの再配置が必要であることを意味します。
方法2. Theme SwitchaプラグインでWordPressテーマを変更する
公開前にWordPressテーマをプレビューおよびテストするもう1つの方法は、Theme Switchaプラグインを使用することです。これにより、変更を公開せずに新しいテーマをプレビューできます。
まず、無料のプラグインをダウンロード、インストール、有効化します。次に、管理パネルの左側にあるサイドバーから設定 » Theme Switchaに移動します。
一般設定ページで、テーマ切り替えを有効にするオプションを選択します。次に、ページの下部までスクロールして、変更を保存をクリックします。
ページの下部で、プラグインにインストールされているすべてのテーマが表示されます。新しいテーマをクリックして、新しいブラウザタブでプレビューします。
方法3. ステージング環境でWordPressテーマを変更する
多くのWordPressホスティング会社では、公開する前に変更をテストできるように、特別なステージング環境にウェブサイトのコピーを複製するオプションが用意されています。
ここでは、Bluehostを使用してステージング環境を作成する例を示します。管理パネルから、Bluehost » ステージングを選択します。これにより、本番（ライブ）サイトをステージングサイトにコピーするかどうかを尋ねるページが表示されます。
ステージングサイトを作成をクリックして、クローン作成を開始します。
しばらくすると、ステージング環境の準備ができたことを示す成功メッセージが表示されるページが表示されます。
ステージングサイトに移動をクリックして、このバージョンのウェブサイトに移動します。
これで、サイトの元のバージョンに影響を与えることなく、テーマが正常に機能するかどうかをテストできます。
次に、変更を公開する方法について説明します。
注意：一部のホスティングプランでは、高度なプランを使用しない限り、ステージングサイトは提供されません。
方法4. ライブサイトでWordPressテーマを変更する
新しいテーマをテストしたので、公開する準備ができました。まず、新しいテーマファイルをサイトに追加する必要があります。
外観 » テーマに移動し、新規追加をクリックします。テーマのzipファイルをアップロードし、インストールをクリックします。
インストールしたら、選択したテーマにマウスカーソルを合わせます。次に、有効化ボタンをクリックします。
ホームページにアクセスすると、新しいWordPressテーマが動作しているのがわかります。
ステージング環境から新しいテーマを公開するには、次の手順に従います。
Bluehost » ステージングサイトに移動し、ステージング環境からページを下にスクロールします。テストサイトを元のライブサイトにコピーするための3つのオプションが表示されます。
- ファイルのみをデプロイします。
- ファイルとデータベースをデプロイします。
- データベースのみをデプロイします。
ほとんどの場合、サイトへの変更が含まれるため、ファイルとデータベースをデプロイオプションを選択する必要があります。
情報がコピーされるまで1〜2分かかる場合があります。プロセスが完了すると、成功メッセージが表示されます。
その後、新しいテーマが適用されているメイン（本番）サイトに戻ってください。
WordPressテーマを変更する古い方法として、File Transfer Protocol（FTPクライアント）を使用してファイルをWordPressにアップロードすることを好む人もいます。他の人は、WordPressホストのcPanel経由でテーマを構成することを好みます。
FTPを使用してWebホスティングにテーマをアップロードする方法については、FTP使用の初心者ガイドをご覧ください。
方法5. FTP経由でWordPressテーマを変更する
警告：この方法は上級者向けです。続行する前に、必ずサイトの完全なバックアップを取得してください。
WordPressダッシュボードにアクセスできない場合は、テーマを手動でインストールできます。これにはFileZillaのようなFTPクライアントを使用できます。
まず、FTPを使用してホスティングアカウントに接続します。/wp-content/themes/フォルダに移動します。
次に、コンピューター上でテーマフォルダを解凍します。解凍したフォルダ全体をサーバーのテーマディレクトリにアップロードします。
これにより、テーマファイルが安全にインストールされます。サイトからロックアウトされた場合は、古いテーマフォルダの名前を変更してWordPressにデフォルトテーマに切り替えさせることができます。その後、ログインしてアップロードしたばかりの新しいテーマを有効にできます。
WordPressテーマを置き換えた後にやること
テーマを切り替えた後、すべてが期待どおりに機能するかどうかを確認するために数分かかります。ほとんどの問題は、早期に発見すれば小さく修正しやすいものです。
- ページ、投稿、メニュー、ウィジェット、フォームを確認し、欠落やずれがないことを確認してください。
- レイアウトが一貫して表示されることを確認するために、いくつかの異なるブラウザでサイトをテストしてください。
- 切り替え前に保存した追跡コードまたはカスタムスニペットをすべて追加し直してください。
- メンテナンスモードを無効にして、訪問者が更新されたサイトを表示できるようにします。
- ページの読み込み時間をテストし、古いテーマと比較してください。
すべてが順調であれば、テーマの変更は完了です。コンテンツはそのまま残り、サイトは使用準備が整いました。
WordPressテーマの変更に関するFAQ
これで、コンテンツを失うことなくWordPressテーマを変更する方法がわかりました。これにより、サイトの再設計がはるかにストレスなく行えます。
その他の役立つWordPressガイドについては、次の投稿を参照してください。
- WordPressでブロック間のスペースを追加または削除する方法
- WordPressでページごとに異なるサイドバーを追加する方法
- WordPressにカスタムCSSを追加する方法（初心者向け）
- WordPressでボックスシャドウを追加する方法：簡単な4つの方法
この記事を楽しんでいただけた場合は、FacebookとTwitterでフォローして、役立つWordPressガイドをさらに入手してください。
