WordPressテーマの正しい変更方法（アルティメットガイド）

WordPressは、テーマ管理のためのユーザーフレンドリーなインターフェースを提供しています。しかし、新しいテーマを選んで有効化するだけでは、見た目ほど簡単にはいかないこともあります。

WPBeginnerでは、過去16年間にわたり多くのWordPressテーマチュートリアルを執筆しており、潜在的な問題を避けるために戦略的にテーマ変更に取り組むことを推奨しています。

この投稿では、WordPressのテーマを安全に変更するプロセスを探ります。サイトの機能やトラフィックを維持するための読者の懸念に対処し、スムーズな移行を導くためのステップバイステップのチェックリストを提供します。

なぜWordPressテーマを変更するのか？

WordPressサイトのテーマを変更して、よりニッチに一致させることもできる。

例えば、ファッションブログを運営しているのであれば、プロのファッションサイトのようなスタイルのテーマに変えた方がいいかもしれない。

また、異なるテーマに変更することで、サイトが新鮮に見え、ユーザー体験が向上し、さらには検索エンジンがコンテンツをクロールしてインデックスしやすくなるため、サイトのSEOも向上します。

さらに、WordPressテーマの中には、あなたのサイトに必要な機能がビルトインされているものもあります。例えば、eコマース、会員制サイト、ポートフォリオなどの機能を備えたテーマもあります。

それでは、WordPressテーマをサイト上で適切に変更する方法を見ていきましょう。この投稿で学ぶことの概要は以下の通りです：

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

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

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

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

WordPressの中級ユーザーの中には、テーマのfunctions.phpファイルに直接コードスニペットを追加してサイトをカスタマイズするのが好きな人もいる。

これらの変更は一度行われたものであるため、通常、人々はそのことを忘れてしまう。

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

詳しくは、WordPressでカスタマイザーコードを正しく追加する方法をご覧ください。

2.試験負荷時間

テーマを変更する前に、サイトのロード時間をチェックする必要があります。これにより、サイトを変更した後のページのロード時間の違いを簡単に比較することができます。

WordPressのスピードはユーザーエクスペリエンスとSEOにおいて重要な要素であることを忘れないでください。

WordPressのスピードテストツールを使ってサイトのスピードをチェックすることができます。詳しくは、サイトスピードテストの実行方法をご覧ください。

本当に〜してもよいですか？トップページと、いくつかのインナーページのロード時間をテストしてください。

3.トラッキングコードをなくさないこと

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

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

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

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

一方、広告のような他のトラッキングコードについては、WPCodeを使用することをお勧めします。詳しい説明は、WordPressにGoogle Adsenseを正しく追加する方法のチュートリアルをご覧ください。

4.完全バックアップを取る

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

DuplicatorのようなWordPressバックアッププラグインを使用して、サイト全体のバックアップを作成することができます。先に進む前に、このバックアップをコンピューターにダウンロードしておくことを本当に〜してもよいですか？

このステップを踏むことで、何か問題が発生しても簡単にサイトを復旧させることができる。

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

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

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

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

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

サイトに変更を加える際には、メンテナンスモードにするのがよい習慣です。こうすることで、ユーザーが不完全なサイトを見るのを防ぎ、別のテーマへのスムーズな移行を可能にします。

そのためにはSeedProdの使用をお勧めします。

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

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

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

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

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

テンプレートを選ぶには、サムネイルにマウスオーバーし、チェックアイコンをクリックするだけです。

SeedProdドラッグアンドドロップページビルダーを使用してページをカスタマイズできるようになりました。左側のメニューからドラッグして新しいブロックを追加するだけです。

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

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

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

ドラッグ＆ドロップビルダーを終了するには、画面左上の「X」アイコンをクリックします。すると、メンテナンスモードを有効化するよう求めるプロンプトが画面に表示されます。

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

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

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

上記の注意事項に従ったら、次はサイトに使いたいテーマをインストールする。

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

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

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

WordPressのテーマは、無料・有料を問わず何千種類もの中から選ぶことができる。この投稿を読んでいるということは、あなたのニーズに合ったテーマを見つけたということでしょう。

しかし、まだテーマを選んでいないのであれば、以下のWordPressテーマを強くお勧めします：

1.ディビ

Diviは、市場で最も人気のあるWordPressテーマの一つです。ドラッグ＆ドロップでどんなサイトでも簡単に構築できるDivi Builderを搭載しています。

2000以上のビルトイン・レイアウトと200以上のコンテンツエレメントが用意されています。サイトの各要素を簡単にカスタマイザーでき、変更をリアルタイムで確認できます。

さらに、DiviはSEOにも強く、Googleやその他の検索エンジンでサイトを上位に表示させることができます。

2.SeedProd

SeedProdは、100万人以上のアクティブユーザーを持つ市場で最高のWordPressテーマビルダーです。

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

SeedProdは、ドラッグアンドドロップビルダーと300以上の専門的に設計されたテンプレートが付属しています。既製のブロック、スマートセクション、WordPressテンプレートタグで簡単にテーマをカスタマイズできます。

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

3.スタジオプレス ジェネシス

Genesisは、StudioPressチームによって構築された最も人気のあるWordPressテーマフレームワークです。Genesisフレームワークと他のStudioPressテーマを使って素晴らしいサイトを作ることができます。

ご存知ないかもしれませんが、StudioPressは最も人気のあるマネージドWordPressホスティングサービス会社であるWP Engineの一部です。

WP Engineのホスティングサービスに申し込むと、35以上のStudioPressテーマが無料で利用できます。

4.アストラ

Astraは軽量でスピードに最適化されたWordPressテーマで、SeedProd、Beever Builder、Divi、Visual Composerといった人気のページビルダー・プラグインと互換性があります。

これは、翻訳とRTL対応のテーマです。どの言語でもサイトを立ち上げることができ、多言語サイトを作成することもできます。

AstraはWooCommerceプラグインとも統合できるので、手間をかけずに簡単にオンラインストアを作ることができます。WordPressテーマカスタマイザーを使って、ヘッダー、フッター、レイアウトなどをカスタマイズすることもできます。

Astraのお気に入りは、スターターサイトテンプレートがすべて揃っていることです。ビジネスサイト、オンラインショップ、個人ブログなど、あらゆるニッチに対応する250以上のオプションが用意されています。

5.オーシャンWP

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

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

公開せずにWordPressテーマを変更する方法

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

しかし、本番のサイトでテーマを変更する前に、必ずテストすることをお勧めします。

こうすることで、新規テーマと既存のプラグインとの互換性をチェックし、すべてが正しく動作していることを確認することができます。

本番稼動せずにWordPressテーマを変更する方法は3つあります。

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

WordPressの初期設定では、テーマを変更せずにサイト上でプレビューすることができます。

そのためには、WordPress管理画面のサイドバーから外観“テーマのページに移動します。

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

WordPressのテーマカスタマイザーで新しいテーマが開きます。

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

2.テーマ切り替えプラグイン

もう一つのオプションは、Theme Switchaプラグインを使用することです。有効化せずに新しいテーマをプレビューすることができます。

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

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

そうしたら、ページを一番下までスクロールして「変更を保存」ボタンをクリックします。

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

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

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

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

ホスティングサービスにビルトインされているステージングサイト機能を使えば簡単にできます。このチュートリアルでは、Bluehostを使用します。

まず、BluehostのcPanelにアクセスし、’My Sites’ボタンをクリックする必要があります。そうしたら、’プラグイン’タブに切り替え、The Bluehostプラグインを有効化します。

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

ここから’Create Staging Site’（ステージングサイトを作成）ボタンをクリックして次に進みます。

Bluehostはあなたのためにステージング環境を準備します。

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

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

ここから「Switch」ボタンをクリックする。

一旦そうすれば、ダッシュボードから外観 ” テーマページに行き、テストしたいテーマを有効化することができ、ライブサイトに影響を与える心配はありません。

そして、テーマに満足したら、変更を本番稼動させることができる。

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

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

新しいテーマのテストが終わったら、いよいよWordPressサイトのテーマを切り替える作業に入ります。

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

そこで使用したいテーマにマウスカーソルをオーバーし、「有効化」ボタンをクリックするだけでWordPressテーマが変更されます。

さあ、あなたのサイトのトップページにアクセスして、新しいテーマを実際にご覧ください。

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

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

サイトを復旧するには、バックアップから復元するか、問題の原因となっているWordPressエラーをトラブルシューティングする必要があります。

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

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

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

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

次に、後で必要になるので、使いたいテーマのフォルダー名をメモしておきたい。

その後、WordPressホスティングアカウントの cPanelに移動します。このチュートリアルでは、Bluehostを使用します。しかし、あなたのcPanelは、あなたが使用するホスティングサービスに応じて異なって見えるかもしれません。

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

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

これで、画面の右カラムにデータベース・テーブルがすべて開きます。次に、wp_optionsテーブルをクリックして開きます。

注：WordPressの初期設定では、テーブル名の接頭辞としてwp_を使用しています。しかし、画像のようにデータベースの接頭辞を別のものにすることも可能です。

これは、wp_optionsテーブルに保存されている他のファイルのリストを開きます。

ここから、テンプレートと スタイルシートの行を右のパネルに見つける必要がある。

そうしたら、テンプレート行の「Edit」リンクをクリックしてエディターを開く。

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

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

完了したら、「Go」ボタンをクリックして変更を保存する。次に、スタイルシートの行に対して同じプロセスを繰り返します。

両方の行に変更を加えた後、サイトにアクセスして新しいテーマの動作を確認することができます。

テーマ変更後にすべきこと

サイトのテーマを変更したら、メンテナンスモードをオフにする前に、あることを行う必要があります。

WordPressのテーマを変更した後にやるべきことは、以下のチェックリストで確認できます。

1.サイトのテスト

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

投稿、コメント欄、画像、お問い合わせフォームなど、サイトをテストし、さまざまなことをチェックするために時間を投資する必要があります。

サイトの見た目と機能に満足したら、次のステップに進みましょう。

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

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

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

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

機能とクロスブラウザの互換性をテストしたら、アナリティクスとAdSenseのトラッキングコードをサイトに追加してください。

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

詳しくは、WordPressにGoogle アナリティクスをインストールする方法をご覧ください。

Google Adsenseのトラッキングコードを追加する方法については、WordPressサイトにGoogle Adsenseを正しく追加する方法をご覧ください。

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

サイトのメンテナンスモードを無効化して本稼働させることができるようになりました。

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

5.試験ロード時間

テーマを変更したら、IsItWPウェブサイトスピードテストツールを再度使用して、ホームページの読み込み時間をテストすることをお勧めします。

次に、古いテーマをインストールしたときのロード時間と比較してください。大きな違いがあれば、WordPressの速度を改善するためのガイドに従ってください。

6.バウンス率の監視

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

もし新規テーマがユーザーフレンドリーでなくナビゲーションが困難であれば、直帰率を上げ、サイトからの訪問者を遠ざけてしまうかもしれません。

関連投稿、人気投稿ウィジェット、パンくずリストを追加することで、直帰率を下げ、ページ表示を増やすことができる。

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

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

たとえば、ユーザーのフィードバックを使用して、サイトに 2 つの質問によるアンケートを追加することができます。詳細な手順については、WordPress でアンケートを作成する方法のチュートリアルを参照してください。

メールマーケティングサービスを使って購読者と新しいデザインを共有し、提案を求めることができます。そうすることで、購読者がどのような改善を望んでいるのか、アイデアを得ることができます。

ボーナス：カスタマイザーを失うことなくWordPressテーマを更新する

いったん別のテーマに切り替え、自分の好みに合わせてカスタマイズしたら、そのテーマは定期的に新しいバージョンに更新しておきたい。

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

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

このテーマは親テーマの機能、特徴、スタイルを継承します。そして、元のテーマに変更を加えることなく、子テーマをカスタマイズすることができます。

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

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

カスタマイザーで変更をプレビューし、’Save & Publish’ボタンをクリックすると、変更が反映されます。

より詳細な手順については、カスタマイズを失うことなくWordPressテーマを更新する方法についてのチュートリアルを参照してください。

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

このプラグインを使用すると、テーマの更新時にfunctions.phpファイル、スタイルシート、テンプレートのカスタムコードが失われる心配がありません。

これは、コードがWPCodeに保存され、サイト上で自動的に実行されるためです。詳しくは、WPCodeのレビューをご覧ください。

このステップバイステップガイドがWordPressテーマを適切に変更するのにお役に立てば幸いです。WordPressテーマカスタマイザーの使い方に関する初心者向けガイドや、ビジネスサイトに必須のWordPressプラグインのトップピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.