WordPressテーマを正しく変更する方法（究極ガイド）

WordPressはテーマ管理において非常に使いやすいですが、テーマの切り替えが常に簡単とは限りません。簡単なミスでもコンテンツの消失、サイトエラー、パフォーマンスの問題につながる可能性があります。

サイトのデザインを更新する場合でも、機能を改善する場合でも、ブランドの成長に合わせて調整する場合でも、WordPressテーマの変更には慎重な計画と実行が必要です。

正しく行えば、テーマの変更はウェブサイトの外観を大幅に向上させることができますが、プロセスを急ぐとリンク切れ、ウィジェットの欠落、ユーザーエクスペリエンスの低下などの問題につながる可能性があります。

私たちのチームは長年にわたり何百ものサイトを構築し、さらに多くのテーマを変更してきました。そのため、テーマの更新や切り替えに伴う課題を理解しています。

この記事では、WordPressのテーマを安全に変更するプロセスを探ります。ウェブサイトの機能とトラフィックを維持することに関する一般的な読者の懸念について議論し、スムーズな移行をガイドするためのステップバイステップのチェックリストを提供します。

WordPressのテーマを変更する理由

WordPressウェブサイトのテーマを変更して、ニッチに合うようにしたい場合があります。

例えば、ファッションブログを運営している場合、プロのファッションサイトのようなスタイルのテーマに切り替えたいと思うかもしれません。

別のテーマに切り替えることで、ウェブサイトに新鮮な外観を与え、ユーザーエクスペリエンスを向上させ、検索エンジンがコンテンツをクロールしてインデックス作成しやすくなることで、サイトの SEO を改善することさえできます。

さらに、一部のWordPressテーマには、サイトで必要となる可能性のある組み込み機能が付属しています。たとえば、一部のテーマには、eコマース、会員制サイト、ポートフォリオ用の機能が含まれています。

それでは、WordPressのテーマをウェブサイトで正しく変更する方法を見てみましょう。この記事で学べることの概要を以下に示します。

• WordPressテーマを変更する前にやるべきこと
• How to Install a WordPress Theme
• How to Change WordPress Theme Without Going Live
• ライブサイトでWordPressテーマを変更する
• WordPressテーマを手動で変更する
• テーマ変更後にやること
• WordPressテーマのカスタマイズを失わずに更新する方法

WordPressテーマを変更する前にやるべきこと

数回のクリックで簡単にテーマを変更できますが、このプロセスを開始する前にいくつかの予防措置を講じる必要があります。

WordPressテーマの変更プロセスがスムーズに進み、重要なデータを失わないように、次のチェックリストを確認することをお勧めします。

1. 現在のテーマからスニペットをコピーする

一部のWordPressの中級ユーザーは、テーマのfunctions.phpファイルに直接コードスニペットを追加して、ウェブサイトをカスタマイズすることを好みます。

これらの変更は一度行われると、人々は通常それを忘れてしまいます。

あなたまたはあなたのウェブ開発者がこれらの変更を行った場合は、現在のテーマのファイルを調べ、以前に追加したすべての追加コードをメモしてください。これにより、これらのスニペットを後で新しいテーマのfunctions.phpファイルまたはサイト固有のWordPressプラグインに追加できるようになります。

詳細については、WordPressにカスタムコードを適切に追加する方法に関するガイドをご覧ください。

2. 読み込み時間のテスト

テーマを変更する前に、ウェブサイトの読み込み時間をチェックする必要があります。これにより、ウェブサイトに変更を加えた後のページ読み込み時間の違いを簡単に比較できます。

WordPressのスピードは、ユーザーエクスペリエンスとSEOにとって重要な要素であることを覚えておいてください。そのため、新しいテーマが以前のものよりも高速であることを確認する必要があります。

WordPressスピードテストツールを使用してウェブサイトの速度を確認できます。詳細については、サイトスピードテストの実行方法に関するガイドを参照してください。

ホームページと一部の内部ページのロード時間をテストするようにしてください。

3. トラッキングコードを失わない

一部のユーザーは、アナリティクストラッキングコードをテーマファイルに直接追加しています。また、一部のWordPressテーマでは、設定パネルにAdSenseまたはAnalyticsコードを追加できます。

初心者が犯しがちな間違いの1つは、これらのコードスニペットを見落とすことです。

テーマを変更した後で新しいサイトに追加できるように、すべてのトラッキングコードスニペットをコピーしたことを確認する必要があります。

将来性を持たせるために、常にユーザーには、Googleアナリティクスをインストールすることを推奨しています。これは、MonsterInsightsのようなプラグインを使用することで可能です。このプラグインを使えば、テーマファイルにトラッキングコードを追加することなく、WordPressダッシュボードから直接アナリティクスやレポートを表示できます。

WPBeginner では、コンバージョン、参照元、記事のパフォーマンスを追跡するためにこれを使用しています。サイトの強みと改善点に関する貴重な洞察を提供してくれました。詳細については、MonsterInsights レビューをご覧ください。

一方、広告などのその他のトラッキングコードには、WPCodeの使用をお勧めします。詳細な手順については、WordPressにGoogle AdSenseを正しく追加する方法に関するチュートリアルをご覧ください。

4. 完全バックアップを作成する

テーマを変更する前に、投稿、画像、プラグイン、データベースをバックアップすることを常にお勧めします。

WordPressバックアッププラグインであるDuplicatorを使用して、サイト全体のバックアップを作成できます。続行する前に、このバックアップをコンピューターにダウンロードしてください。

当社のパートナーブランドのいくつかは、サイトのバックアップ作成にそれを使用しており、優れた結果を報告しています。詳細については、当社の Duplicator レビュー をご覧ください。

この手順により、万が一問題が発生した場合でも、ウェブサイトを簡単に復旧できるようになります。

詳細については、WordPressサイトのバックアップ方法に関する初心者向けガイドをご覧ください。

5. サイドバーコンテンツ

サイドバーは、ソーシャルリンク、広告、購読フォーム、またはお問い合わせフォームなど、さまざまなウィジェットを追加するために使用されます。

これらの変更をメモしておきましょう。ウィジェットにカスタムコードが追加されている場合は、新しいテーマで再利用できるように、そのコードをコンピューターにコピー＆ペーストしてください。

6. サイトをメンテナンスモードに保つ

ウェブサイトの変更を行う際は、ウェブサイトをメンテナンスモードにするのが良い習慣です。これにより、ユーザーが未完成のウェブサイトを見るのを防ぎ、別のテーマへのスムーズな移行を保証できます。

この目的には、SeedProdの使用をお勧めします。

これは、サイトの「近日公開」および「メンテナンスモード」ページを簡単に作成できる、市場で最高のWordPressページビルダーです。

まず、SeedProd プラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPress プラグインのインストール方法に関するステップバイステップガイドに従ってください。

注意：SeedProdの無料プランを使用してメンテナンスモードを有効にすることができます。ただし、プレミアムバージョンにアップグレードすると、プリビルドテンプレート、高度なカスタマイズ機能、メールマーケティングツールの統合などの機能がさらに利用できるようになります。

次に、WordPressダッシュボードからSeedProd » ランディングページ画面に移動し、「メンテナンスモードページを設定」ボタンをクリックします。

その後、メンテナンスモードページのテンプレートを選択する必要があります。空白のテンプレートを使用して、ページをゼロから作成することもできます。

テンプレートを選択するには、サムネイルにマウスカーソルを合わせ、チェックアイコンをクリックするだけです。

これで、SeedProd のドラッグ＆ドロップページビルダーを使用してページをカスタマイズできます。左側のメニューからブロックをドラッグして追加するだけです。

SeedProdでは、テキスト、画像、ボタン、見出しなどの標準ブロックを追加できます。また、お問い合わせフォーム、プレゼント企画、ソーシャル共有オプションなどを含む高度なブロックも提供しています。

右上の「保存」ボタンをクリックして変更を保存することを忘れないでください。

その後、「ページ設定」タブに移動し、ページステータスを「公開」に切り替えて変更します。

それが完了したら、画面左上の「X」アイコンをクリックしてドラッグ＆ドロップビルダーを終了します。これにより、メンテナンスモードを有効にするかどうかを尋ねるプロンプトが表示されます。

ここから、「はい、有効にする」ボタンをクリックするだけで、ウェブサイトを訪れるユーザーにメンテナンスモードが表示されます。

メンテナンスモードページを作成するためのインスピレーションがさらに必要な場合は、WordPressサイトで使用できるメンテナンスページアイデアのリストをご覧ください。

WordPressテーマのインストール方法

上記の注意事項に従った後、次のステップは、サイトで使用したいテーマをインストールすることです。

テーマを選択したら、WordPressサイトにインストールする必要があります。WordPressテーマをインストールするには、次の3つの方法のいずれかを使用できます。

• WordPressテーマ検索オプションの使用
• WordPressダッシュボードからテーマをアップロードする
• FTPを使用したテーマのインストール

詳細については、WordPressテーマのインストール方法に関する初心者向けガイドをご覧ください。

何千もの無料および有料の WordPress テーマが利用可能です。この記事を読んでいるということは、ニーズに合った良いテーマを見つけた可能性が高いです。

ただし、まだテーマを選択していない場合は、以下のWordPressテーマを強くお勧めします。

1. Sydney

Sydneyは、WordPress向けの柔軟で強力な多目的テーマです。ゼロから始める必要がないため、プロフェッショナルな見た目のウェブサイトをすばやく構築するのに役立ちます。

ワンクリックでインポートできる28以上の美しいスターターサイトのライブラリが付属しています。

このテーマは、多くのカスタマイズオプションも提供しています。WordPressカスタムizerで簡単に調整でき、変更をリアルタイムで確認できます。

Sydneyは、複数のヘッダーとフッターのレイアウト、さまざまなブログページのスタイルなど、多くの事前構築済みウェブサイトセクションを提供しています。さらに多くの変更を行いたい場合は、Elementorのようなページビルダーともうまく連携します。

さらに、Sydneyはスピードのために構築されており、ウェブサイトのパフォーマンスにとって素晴らしいです。

2. Divi

Diviは、市場で最も人気のあるWordPressテーマの1つです。ドラッグアンドドロップのDivi Builderを搭載しており、あらゆる種類のウェブサイトを簡単に構築できます。

2000以上の事前構築済みレイアウトと200種類のコンテンツ要素が付属しています。サイトの各要素を簡単にカスタマイズでき、変更をリアルタイムで確認できます。

さらに、DiviはSEOにも非常に優れており、Googleなどの検索エンジンでサイトのランキングを上げるのに役立ちます。

3. SeedProd

SeedProdは、市場で最高のWordPressテーマビルダーであり、100万人以上のアクティブユーザーがいます。

メンテナンスモードページを作成するために使用できることはすでに述べました。しかし、コードを書かずにカスタムWordPressテーマを作成するためにも使用できます。

リアルタイムで徹底的にテストした結果、非常に初心者向けであることがわかりました。実際、当社のパートナー企業のいくつかは、これを使用してウェブサイトのテーマを作成しており、ユーザーが気に入る視覚的に魅力的なデザインが実現しています。詳細については、当社のSeedProdレビューをご覧ください。

このプラグインには、ドラッグ＆ドロップビルダーと、すぐに始められる300以上のプロがデザインしたテンプレートが付属しています。既製のブロック、スマートセクション、WordPressテンプレートタグを使用して、テーマを簡単にカスタマイズできます。

また、画面右側にすべての変更のリアルタイムプレビューが表示されるため、公開前でもユーザーにどのように表示されるかを確認できます。

4. Astra

Astraは、SeedProd、Beaver Builder、Divi、およびVisual Composerなどの人気のあるページビルダープラグインと互換性のある、軽量で速度最適化されたWordPressテーマです。

これは翻訳対応済みで、RTL（右から左への記述）にも対応したテーマです。あらゆる言語でウェブサイトを開始したり、多言語ウェブサイトを作成したりできます。

Astra は WooCommerce プラグインとも統合できるため、オンラインストアを簡単に作成できます。WordPress テーマカスタマイザーを使用して、ヘッダー、フッター、レイアウトなどをカスタマイズすることもできます。

Astraの気に入っている点は、付属しているスタートウェブサイトテンプレートの豊富さです。ビジネスウェブサイト、オンラインストア、個人ブログなど、あらゆる種類のニッチに対応する250以上のオプションがあります。

5. OceanWP

OceanWPは、レスポンシブで多目的WordPressテーマです。様々な職業やビジネスを念頭に置いて構築された複数のデモテンプレートを提供しています。

主要なページビルダープラグインと互換性があります。さまざまな拡張機能を使用して、サイトを次のレベルに引き上げることもできます。

ライブにせずにWordPressテーマを変更する方法

新しいテーマをインストールしたら、テーマを切り替える準備ができました。

ただし、実際のウェブサイトにテーマを切り替える前に、常にテストすることをお勧めします。

これにより、新しいテーマと既存のプラグインとの互換性を確認し、すべてが正しく機能していることを確認できます。

WordPress のテーマを公開せずに変更するには、3つの方法があります。

1. ライブプレビューオプション

デフォルトでは、WordPressではテーマを変更せずにウェブサイトでプレビューできます。

そのためには、WordPressの管理画面のサイドバーから「外観」»「テーマ」ページに移動してください。

このページには、サイトにインストールされているすべてのテーマが表示されます。プレビューしたいテーマにマウスカーソルを合わせ、「ライブプレビュー」ボタンをクリックしてください。

これにより、WordPressテーマカスタマイザーで新しいテーマが開きます。

新しいテーマをテストして、すべてが正しく機能していることを確認できます。

2. テーマスイッチャープラグイン

他のオプションとして、Theme Switcha プラグインを使用することもできます。これにより、新しいテーマを有効化せずにプレビューできます。

まず、この無料プラグインをインストールして有効化する必要があります。詳細な手順については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、WordPressダッシュボードから設定 » テーマスイッチャーページにアクセスし、「テーマ切り替えを有効にする」オプションの横にあるチェックボックスをオンにします。

それが完了したら、ページの下部までスクロールして「変更を保存」ボタンをクリックします。

このプラグインは、インストールされているすべてのテーマをこのページの下部に表示します。

ここから、新しいテーマをクリックするだけで、新しいブラウザタブでプレビューできます。

3. ステージングサイトでテーマをテストする

WordPressのテーマは、ステージングサイトを作成することで、公開せずにテストすることもできます。このウェブサイトは、ライブウェブサイトのクローンであり、あらゆる変更をテストするために使用されます。

ホスティングプロバイダーの組み込みステージングサイト機能を使用することで、これを簡単に行うことができます。このチュートリアルでは、Bluehostを使用します。

まず、BluehostのcPanelにアクセスし、「マイサイト」ボタンをクリックします。それが完了したら、「プラグイン」タブに切り替えて、The Bluehost Pluginを有効にします。

次に、WordPressダッシュボードにアクセスし、Bluehost » ステージング ページに移動します。

ここから、「ステージングサイトを作成」ボタンをクリックして続行します。

Bluehost がステージング環境を準備します。

その後、「ステージングサイト」セクションが表示されるので、「現在編集していません」のチェックボックスをオンにする必要があります。

これにより、ステージングサイトに切り替えるように求めるプロンプトが画面に表示されます。

ここから、「切り替え」ボタンをクリックします。

それが完了したら、ダッシュボードから 外観 » テーマ ページに移動し、ライブサイトに影響を与える心配なく、テストしたいテーマを有効化できます。

その後、テーマに満足したら、変更を公開するだけです。

詳細については、WordPressサイトのステージング環境を簡単に作成する方法（ステップバイステップ）に関する初心者向けガイドをご覧ください。

ライブサイトでWordPressテーマを変更する

新しいテーマをテストしたら、WordPressサイトでテーマを切り替えるプロセスを開始する時間です。

これを行うには、WordPress 管理サイドバーから 外観 » テーマ ページにアクセスします。

そこに着いたら、使用したいテーマの上にマウスカーソルを重ね、[有効化]ボタンをクリックしてWordPressテーマを変更します。

これで、ウェブサイトのホームページにアクセスして、新しいテーマが機能していることを確認できます。

WordPressテーマを手動で変更する

エラーにより、WordPressの管理画面にアクセスできなくなることがあります。その場合、上記の方法でテーマを変更することはできません。

ウェブサイトを復旧するには、バックアップから復元するか、問題を引き起こしているWordPress エラーをトラブルシューティングする必要があります。

ただし、バックアップがない場合は、phpMyAdminの助けを借りて手動でテーマを変更できます。

この方法では、データベースの情報を変更することで、WordPressに使用するテーマを指示できます。

まず、FTPクライアントを使用してウェブサイトに接続し、/wp-content/themes/フォルダに移動する必要があります。

ここで、現在ウェブサイトにインストールされているすべてのテーマを確認できます。テーマが表示されない場合は、FTP経由でWordPressテーマをインストールすることもできます。

次に、後で必要になるため、使用したいテーマのフォルダ名を書き留めます。

その後、cPanel にアクセスしてください。これは、WordPressホスティングアカウントのものです。このチュートリアルではBluehostを使用しますが、お使いのホスティングサービスによってcPanelの外観は異なる場合があります。

このページで、phpMyAdminセクションまでスクロールダウンし、その横にある「管理」ボタンをクリックします。

phpMyAdmin に入ると、画面の左側にデータベースのリストが表示されます。ここから、WordPress サイトに使用しているデータベースをクリックします。

これにより、画面の右側の列にすべてのデータベーステーブルが開きます。次に、wp_options テーブルをクリックして開きます。

注意: デフォルトでは、WordPressはテーブル名のプレフィックスとしてwp_を使用します。しかし、画像に示すように、異なるデータベースプレフィックスを持つことも可能です。

これにより、wp_options テーブルに保存されていた他のファイルのリストが開きます。

ここから、右側のパネルでtemplateとstylesheetの行を見つける必要があります。

それが完了したら、template 行の「編集」リンクをクリックしてエディターを開きます。

ここで、option_valueフィールドの値を、使用したいテーマの名前に変更する必要があります。

通常、これは、先ほどコピーした/wp-content/themes/フォルダ内のフォルダ名と同じです。

完了したら、「実行」ボタンをクリックして変更を保存します。次に、stylesheet行についても同じプロセスを繰り返します。

両方の行を変更した後、ウェブサイトにアクセスして新しいテーマが適用されていることを確認できます。

テーマ変更後にやること

サイトのテーマを変更したら、メンテナンスモードを解除する前に、いくつかのことを確認する必要があります。

WordPressテーマを変更した後に実行すべきことのチェックリストを確認できます。

1. ウェブサイトをテストする

まず、すべての機能、プラグイン、ウィジェットがサイトで正常に機能していることを確認する必要があります。

ウェブサイトをテストし、投稿、コメントセクション、画像、お問い合わせフォームなど、さまざまな項目を確認するために時間をかける必要があります。

ウェブサイトの外観と機能に満足したら、次のステップに進むことができます。

2. クロスブラウザ互換性

ブラウザは、特定のものを異なる方法で表示する傾向があります。

ウェブサイトが主要なブラウザすべてで適切に表示されるようにするには、Google Chrome、Firefox、Safari、Internet Explorerなどのさまざまなウェブブラウザでサイトをテストする必要があります。

3. トラッキングコードの追加

機能とクロスブラウザ互換性をテストしたら、アナリティクスとAdSenseのトラッキングコードをサイトに追加する必要があります。

MonsterInsightsプラグインを使用して、Google Analyticsのトラッキングコードを追加できます。これにより、アナリティクスを適切に設定し、WordPressダッシュボード内で詳細なウェブサイト統計を表示できます。

詳細については、WordPressへのGoogleアナリティクスのインストール方法に関するガイドをご覧ください。

Google AdSenseのトラッキングコードの追加については、WordPressサイトにGoogle AdSenseを正しく追加する方法に関するガイドをお読みください。

4. メンテナンスモードをオフにする

サイトのメンテナンスモードを無効にして、公開できるようになりました。

SeedProd プラグインを使用している場合は、WordPress のダッシュボードから SeedProd » ランディングページ 画面にアクセスし、メンテナンスモードをオフにするにはトグルを「非アクティブ」に切り替えるだけです。

5. ロード時間のテスト

テーマを変更したら、IsItWP Website SpeedTest Toolを再度使用して、ホームページの読み込み時間をテストすることをお勧めします。

次に、古いテーマがインストールされていたときの読み込み時間と比較してください。大きな違いが見られる場合は、WordPressの速度を向上させるためのガイドに従ってください。

6. 直帰率を監視する

テーマを切り替えた後は、サイトの直帰率を監視する必要があります。

新しいテーマがユーザーフレンドリーでなく、ナビゲーションが難しい場合、直帰率が上昇し、訪問者がウェブサイトから離れてしまう可能性があります。

関連投稿、人気の投稿ウィジェット、パンくずリストを追加して、直帰率を減らし、ページビューを増やすことができます。

7. フィードバックを求める

また、サイトデザインの改善方法について、ユーザーにフィードバックや提案を求めることもできます。アンケートフォームやオンライン投票を使用して、ユーザーの入力を収集できます。

例えば、ユーザーフィードバックを利用して、ウェブサイトに2つの質問からなるアンケートプロンプトを追加することができます。詳細な手順については、WordPressでアンケートを作成する方法のチュートリアルをご覧ください。

新しいデザインは、メールマーケティングサービスを使用して購読者に共有し、提案を求めることができます。これにより、改善してほしい点についてのアイデアを得ることができます。

WordPressテーマのカスタマイズを失わずに更新する方法

別のテーマに切り替えて、好みに合わせてカスタマイズしたら、そのテーマを新しいバージョンに定期的に更新したいと思うでしょう。

ただし、テーマを更新すると、カスタマイズ設定の一部を失う可能性があります。たとえば、テーマの functions.php ファイル、スタイルシート、またはテンプレートに追加したすべてのコードを失います。

ただし、子テーマを作成することで、カスタマイズをすべて失うことなくWordPressテーマを簡単に更新できます。

このテーマは、親テーマの機能、特徴、スタイルを引き継ぎます。その後、元のテーマを変更することなく、子テーマをカスタマイズできます。

次に、テーマに加えたすべての変更を特定し、子テーマにコピーする必要があります。これを行う最も簡単な方法は、WinMergeやKaleidoscopeのようなソフトウェアを使用して、古いテーマファイルと新しいテーマファイルを比較することです。

変更を加えたら、親テーマから カスタマイザー設定をエクスポート し、子テーマにインポートするだけです。

これを行うと、カスタマイザーで変更をプレビューし、「保存して公開」ボタンをクリックして変更をライブにすることができます。

より詳細な手順については、WordPressテーマのカスタマイズを失わずに更新する方法に関するチュートリアルをご覧ください。

カスタマイズを失うことなくテーマを更新するもう1つの方法は、常にカスタムコードをWPCodeで追加することです。これは市場で最高のWordPressコードスニペットプラグインであり、ウェブサイトにカスタムコードを簡単かつ安全に追加できます。

このプラグインを使用すると、テーマを更新したときにfunctions.phpファイル、スタイルシート、またはテンプレートのカスタムコードを失う心配がなくなります。

これは、コードがWPCodeに保存され、サイトで自動的に実行されるためです。詳細については、当社の完全なWPCodeレビューをご覧ください。

このステップバイステップガイドが、WordPressテーマを正しく変更するのに役立ったことを願っています。また、WordPressテーマカスタマイザーの使い方に関する初心者向けガイドや、効果的なWordPressウェブサイトの主要なデザイン要素に関するおすすめもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。