WordPressのテーマ変更作業の流れを解説

WordPressテーマ変更

WordPressを立ち上げて運営したはいいものの、途中でテーマを変更したくなることはありませんか?デザイン面でのカスタマイズ、SEOに関わる設定、サイトの表示スピードなどなど、テーマ変更の理由は様々です。

そんなWordPressテーマですが、気軽に変更してしまうと危険です。
重要なデータや部分デザインが引き継がれない可能性があります。

そこで本日は、WordPressのテーマ変更作業の流れに付いて解説していきます。

①まずはWordPressのバックアップを取る

WordPressのテーマ変更作業に限らず、WordPressに何か手を加える際は基本的にバックアップを取り、いざという時にいつでも復旧できる準備をしておきましょう。

WordPressはFTPソフトを使って取得するデータと、Myswlというデータベースの2つのデータで構成されています。下記の記事を参考にまずはバックアップを取得してください。

②検証用のWordPressサイトを用意する【推奨】

②の作業については必須ではなく推奨です。
事故なく確実にテーマを変更したい!」という方はやっていただくと良いかと思います。

WordPressのテーマは、デザインに関わる機能を持っているだけでなく、SEO面の設定や記事管理の設定など、機能が多岐に渡ります。

そのため、旧テーマにあった機能を新テーマが持っているいない場合、データ引き継がれなかったり、不具合が起きる可能性があります。

また、現在のテーマは正常に動いていても、新テーマがサーバーのPHPバージョンと合っていないなど、サーバー環境との兼ね合いにも注意しなければいけません。

そのため、出来れば検証用に仮ドメインでWordPressを複製し、テストで上手くいってから本番サイトに実施するのが安全です。

WordPressサイトの複製については、下記記事が参考になります。

③引き継ぎデータの洗い出し

WordPressのバックアップ及び検証用サイト(推奨)の準備ができたら、次はテーマ変更時の引き継ぎデータの洗い出しをしておきます。

テーマ変更で発生する引き継ぎデータは下記のようなものが予想されます。

  • テーマ内の追加CSSに書いてある記述
  • header.php等テンプレートに直接書き込んだ記述
  • テーマ依存の設定箇所
  • メニューやウィジェットの設定

順番に見ていきましょう。

テーマ内の追加CSSに書いてある記述

WordPressの各テーマには、追加CSSという機能があります。
追加CSSに記述することでテーマのデザインを変更することが可能です。

設定は、WordPress管理画面の「外観」>「カスタマイズ」>「追加CSS」から出来ます。
追加CSSで部分的にデザインを変えている場合は、新テーマでも忘れずに設定しましょう。

header.php等テンプレートに直接書き込んだ記述

アドセンス等の広告や、Googleアナリティクス、サーチコンソール、その他の外部ツールなど、header.php内にコードを直接記述している場合には、新テーマのheader.phpに忘れずに設定しましょう。

テーマ依存の設定箇所

WordPressのテーマ毎に、個別の機能を備えている場合があります。

例えば、Googleアナリティクスやサーチコンソール、アドセンス等の広告についても、テーマ内の機能で設定できる場合があります。

その場合、新テーマで同じ機能が使える場合は設定内容を引き継ぐか、または、新テーマに同じ機能がない場合はプラグインなどで対応する必要があります。

メニューやウィジェットの設定

ヘッダー内の設定(バナー画像やメニュー機能など)やサイドバーのウィジェット要素、フッターの設定についても、引き継ぎが必要です。

画像の場合はテーマによってサイズ感が変わってくるので、より入念に進めたい場合は新テーマの各エリアに表示する最適な画像サイズを調べて、事前に画像を制作しておくなど準備しておくとよいです

④テーマ変更&データの引き継ぎ

引き継ぎデータの確認が取れたら、実際にテーマを変更していきます。
検証用サイトを用意した場合は、そちらでテストしたうえで本番環境に適用します。

WordPressのテーマ変更は、管理画面の「外観」>「テーマ」から行えます。

WordPress公式のテーマであれば管理画面から検索してインストール可能です。
公式でないテーマの場合や、有料で販売されているテーマを適用する場合には、テーマのzipデータを管理画面からアップしてインストール可能です。

テーマを変更できたら、先ほど確認した引き継ぎデータを移行しましょう。

⑤表示、動作の確認(特にチェックしたいポイント)

テーマの変更が完了したら、表示や動作を確認していきます。
特にチェックしておきたいポイントは下記です。

  • SEOに関わるメタデータ(ディスクリプション等)の引き継ぎ
  • 部分的に適用している追加CSSのデザイン引き継ぎ
  • ウィジェット等に表示していた重要コンテンツの引き継ぎ

ウィジェット等の見た目に見える要素は変化に気付きやすいのですが、SEOのメタデータは目に見える表示がないため注意が必要です。

実際にWebページを開き、ウィンドウズなら「F12キー」、Macなら「option + command + U」を押してデバッグモードでソースコードを確認するなど、入念にチェックしておきましょう。

すべて問題なく表示、動作していればテーマ変更完了です。お疲れ様でした。

本記事は以上になります。
最後までお読みいただきありがとうございます。

\WordPressの「テーマ変更作業」を代行中/

「WordPressのテーマを別のものに変更したい。」
「自分で作業して不具合やデータ引き継ぎ漏れがが出たら不安。」

そんなときは私たちサイト引越し屋さんにお任せください。
専門のエンジニアがテーマ変更作業を代行いたします。

>>無料ご相談窓口はこちら

SNSでシェア!
SNSにて最新の情報を発信しております。