【解決済み】THE THORからGOLD BLOGへの移行方法｜テーマ切り替え手順と気を付けるポイント

2024 3/01

2024年3月1日

実際に使用した商品をレビューしています。アフィリエイト広告リンクを含みます。

【ACF】カスタムフィールドを絞り込み検索|VK Filter Search Proプラグインでカスタマイズを実装

初心者

移行って、簡単なの？
どんな流れで作業すればいいの？

そんな悩みを解決します。

THE THORからGOLD BLOGへのテーマ移行を経験したボクの作業メモをシェアします。

似た名前のGOLDというテーマがあります。
本記事で紹介するのはGOLD BLOGです。紛らわしいのでご注意ください。

公式 GOLD BLOGをダウンロードする

この記事を書いた人

IT業界24年のベテランエンジニア
WordPressで企業サイトの構築しています
取り扱いWordPressテーマは300個オーバー

SWELLマニアのかんたです

THE THORからGOLD BLOGへの移行方法とその手順

GOLD BLOGへの移行作業は、開発会社が「ザ・トールで使用していたスタイルをゴールド系テーマに移行する方法」を公開しています。

CocooonなどTHE THOR以外のテーマからの移行より、かな～り楽です。

かんた

以下、公式マニュアルからの引用です。

スタイルの移行とは？

ザ・トールでテーマ独自のスタイル（ボックス・マーカーなど）を使用していた方が、ゴールド系テーマでもザ・トールの独自スタイルを使用したい場合、以下に解説する手順で設定を行ってください。

以下の設定を行うことで、ザ・トールで使用していたスタイルがゴールド系テーマでも適用され、デザインを引き継ぐことが出来ます。
引用元：GOLD BLOG公式マニュアル「ザ・トールのスタイルダウンロードページ」

かんた

この方法を含め、THE THORからGOLD BLOGへの移行作業を行った手順と注意事項を紹介します。

【事前準備】バックアップファイルを作成する

このステップは任意です。

テーマをGOLD BLOGに切り替え前に、バックアップファイルを作っておきましょう。

バックアップの方法

バックアッププラグインを使う
レンタルサーバー標準のバックアップ機能を使う
FTP、データベース系ツールで手動抽出

正直バックアップの手段はなんでも構いません。

大事なポイントは、いざというときにサイトを復元できるかどうかです。

「よくわからん！」という人は、無料で利用できるAll-in-One WP Migrationプラグインでバックアップを取得するのがおすすめです。

ボタンをポチポチするだけでバックアップファイルを作成できる無料プラグインです。

復旧作業もポチポチするだけなので、パニック状態でもサイトを復元できると思います。

All-in-One WP Migrationのインストール方法

ダッシュボード上の「プラグイン」→「新規プラグインを追加」をクリックし、All-in-One WP Migrationで検索すると見つかります↓

インストールし、有効化しましょう。

プラグインを有効化した後、左手のメニューに専用のメニューが追加表示されます。

「All-in-One WP Migration」→「エクスポート」と進みます↓

「エクスポート先」をクリック↓

「ファイル」を選択↓

以後ダウンロードボタンが表示されるまでしばらく待ちます。

かんた

サイトの規模によりますが、数秒～数十秒程度が目安です。

バックアップの準備ができると画面が切り替わります。

「ダウンロード」をクリックします↓

以上で、このステップは終了です。

【手順①】GOLD BLOGのテーマをダウンロード

公式サイトでGOLD BLOGを購入後、必要なファイルをダウロードします。

かんた

購入手順については次の記事で画像付きで紹介しています。

【手順②】メンバーズサイトへの登録申請

GOLD BLOGは認証システムがあります。認証に通らないとGOLD BLOGでは一部機能が使えません。

必要なキーを取得するために、メンバーズサイトへの登録申請を行います。

登録申請のURLは、購入時にダウンロードしたファイル内に記載があります。

申請すると次の件名のメールが届きます。

「【重要】「GOLDテーマメンバーズサイト」登録申請を受け付けました。」

このメール内に、登録が完了するまでの期間に利用できる「テーマ利用ID」が記載されています。これが認証のキーになります。

申請から登録完了までにかかる期間は１～3営業日程度が目安です。
うっかり登録完了の通知が、迷惑メールフォルダに入らないよう注意しましょう。

【手順③】計測系のコードをコピー

テーマを切り替える前に、アナリティクスやASPなどの指定コードをTHE THORに設定している人は、パソコン上のメモ帳アプリにテキスト形式で貼り付けておきましょう。

対象コードの一例

Googleアドセンスのコード
Googleアナリティクスのコード
ASP指定のコード

THE THORのカスタマイザー上の「基本設定」→「高度な設定」あたりにコードを追加しているのが一般的かな～と思うので、必ずチェックしてください↓

THE THORからGOLD BLOGテーマ切り替え移行前にチェックする場所 — テーマ切り替え移行前にチェックする

THE THORのheader.phpなど、テンプレートファイルに直接コードを直接書いている場合は、該当のコードをコピーしておきましょう。

子テーマのfunctions.phpにwp_headフックなどでコードを出力している人も忘れないように注意してください。

【手順④】全プラグインを一時的に停止する

テーマをGOLD BLOGに切り替える前に、有効化しているプラグインを一時的に全部停止します。

プラグインが原因で画面が真っ白になり、ダッシュボードにログインできなくなるリスクを避けるためです。

【手順⑤】GOLD BLOGテーマの切り替え

GOLD BLOGの親テーマ、子テーマをアップロードをします。

先に親をアップロードしないと子テーマはアップロードできませんので、順番に注意しましょう。アップロードするファイルは拡張子がzip化されているファイルです。

ファイル名	種類
gold-blog.zip	親テーマ
gold-blog-child.zip	子テーマ

アップロードするテーマファイル

アップロード後、GOLD BLOGの子テーマを有効化します。

一般的にテンプレートファイルを変更するようなカスタマイズをしない場合、子テーマは不要です。

ですが、THE THORから移行する場合は後々の作業で子テーマが必要になるケースがあるので、子テーマを有効化することをお勧めします。

MacのSafariを使っているユーザー向け

zipファイルをダウンロードすると、自動的に解凍してしまうオプションを有効化していると、テーマファイルのアップロードができません。Google Chomeなど別のブラウザを利用するか、Safafriのzip解凍オプションを無効化しておきましょう。

【手順⑥】認証作業

ダッシュボード上の作業です。

「テーマ設定」→「一般」と進み、「テーマ利用ID」に会員登録申請時に受け取ったメールに記載の「(仮)テーマ利用ID」を入力します↓

入力後「認証」をクリックします。

自動的に、メンバーズサイトにリダイレクトされます。

メンバーズサイト上で「認証する」をクリック↓

ダッシュボードに戻ると「認証済み」と表示されます。

かんた

「認証済み」と表示されない場合は、画面をリロードしましょう！

【手順⑦】SEO設定を有効化する

「テーマ設定」→「SEO設定」と進み、SEOの有効化設定で「ON」を選択↓

「変更を保存」をクリックし、設定を有効化します。

設定を有効化すると、各ページ上でmeta周りの設定が行えます。

metaまわりの設定

meta title
meta deswcription
index,noindex
カノニカルURL

【手順⑧】計測系コードの設置

THE THOR時代に使っていたGoogleアナリティクスや、ASP指定のコードを設置するステップです。

【計測系コード①】Googleアナリティクス

「テーマ設定」→「一般」→「各種アカウント」と進みます。

「Googleアカウント設定」に、事前にコピペしておいたコードを貼り付けましょう↓

【計測系コード②】ASP関連

アフィリエイトブログ運営者で、ASPから「指定のコードをヘッダーに設置して」と指示がありコードを設置している場合は、テーマ切り替え後に必ずGOLD BLOG側にコードを移設しましょう。ASP以外にも、Googleアドセンスも同様です。

コードの移設を忘れると、最悪のケースでは報酬が発生しなくなります。

「テーマ設定」→「一般」→「ヘッダー・フッター自由入力」にと進みます。

事前にコピペしておいたコードを「</head直下自由入力エリア>」に貼り付けましょう↓

入力したコードは<head>～</head>間に出力されます。

サイトに移動し、HTMLにコードが出力されているか確認します。

【手順⑨】スタイルの適用

THE THORで利用していたスタイルをGOLD BLOGに適用させるステップです。

この方法は、開発会社が公式マニュアル上に手順を紹介しています。

GOLD MANUAL

ザ・トールのスタイルダウンロードページこの記事では、ザ・トールからゴールド系テーマに切り替えた方向けに、ザ・トールで使用していたスタイルをゴールド系テーマに移行する方法をご紹介します。目次 1 スタイ…

【手順⑩】プラグインの有効化

一時的に無効化していたプラグインを有効化していくステップです。不要なプラグインがあれば、削除するなどこのタイミングで見直しましょう。

プラグインは1個ずつ有効化します。まとめて有効化してしまうと、不具合発生時の切り分けが面倒です。１個ずつ有効化し、不具合が発生しないか確認しながら作業を進めます。

【手順⑪】レイアウトまわりの調整

ヘッダーやフッターサイドバーなど、レイアウト関連の設定です。

この段階で大事なことは完璧なレイアウトを目指さないことです。次のステップの「記事のリライト」の方が大事です。

かんた

最低限、各ページへ移動できる導線的な要素だけを設定しましょう。

【手順⑫】記事のリライト

各記事の見回りと、リライト作業です。

不具合がないか確認しつつ、レイアウト崩れなどが発生していれば修正しましょう。

正直、テーマ切り替えで一番面倒くさい作業です。

記事数が多い場合は、全体を軽めにチェックして、とくにひどい部分や収益記事からリライトしましょう。

【手順⑬】レイアウトの再調整

記事のリライトが完了したら本格的にレイアウトの調整を行います。

ヘッダー、フッター、サイドバーなど、思うがままにアレンジしちゃってください。

【手順⑭】テーマ利用IDの差し替え

メンバーズサイトの登録が完了したら、テーマ利用IDを正式版に切り替えます。

「テーマ設定」→「一般」と進み、「テーマ利用ID」を差し替えます↓

メンバーズサイトにリダイレクトされたら、「認証する」をクリック↓

かんた

以上で、テーマ利用IDの差し替え作業は終了です。

SEO対策の移行方法

THE THORで利用していた各記事のSEO対策設定をGOLD BLOGに移行する方法です。

THE THORの記事編集画面には、次の画像のように「meta title」と「meta description」の設定項目があります↓

同じ会社のWordPressテーマなんですが、テーマを切り替えただけではSEO設定は移行されません。理由は保存されるカスタムフィールドが異なるためです。

metaの保存データ

metaタグ	THE THOR	GOLD BLOG
title	title	fit_seo_title-single
description	description	fit_seo_description-single

metaの保存先の違い

さすがに記事数が多いと手動で修正するのは面倒ですよね？ボクは面倒なので、一括で処理してしました。

かんた

一括処理の方法を紹介します↓

【一括処理】記事のmeta tilteを移行する方法

GOLD BLOGで、SEO設定のページタイトルが未入力のケースの移行方法です。

GOLD BLOGで記事のmeta tilteを移行する方法 — 【GOLD BLOG】SEOページタイトル入力画面

THE THOR記事ページのmeta titleを一括で、GOLD BLOGに移設する方法です。

次のコードを子テーマのfunctions.phpに設置するか、Code Snippetsなどの管理プラグインに追加します↓

function seo_title_tanak_copy() {
    // 現在のページが記事ページであるかチェック
    if (is_single()) {
        $post_id = get_the_ID();

        // fit_seo_title-singleが既に値を持っているかチェック
        $fit_seo_title_value = get_post_meta($post_id, 'fit_seo_title-single', true);

        // fit_seo_title-singleが空であれば処理を続行
        if (empty($fit_seo_title_value)) {
            // カスタムフィールド 'title' の値を取得
            $title_value = get_post_meta($post_id, 'title', true);

            // 'title' が存在する場合は 'fit_seo_title-single' にコピー
            if (!empty($title_value)) {
                update_post_meta($post_id, 'fit_seo_title-single', $title_value);
            }

            // 一度だけ実行するためのフラグを設定
            update_post_meta($post_id, '_custom_seo_title_copied', true);
        }
    }
}

// フックを使用して実行タイミングを設定
add_action('wp', 'seo_title_tanak_copy', 1);

コードの仕組みはコメントアウトしてある通りです。GOLD BLOG側でSEO対策項目の入力の有無をチェック。すでに入力されていれば処理を終了。入力がなければTHE THOR側のSEO対策項目をチェック。もし入力していれば、GOLD BLOG側にコピーするという内容です。

ちなみにフックで一度処理したら、削除して構いません。

【一括処理】記事のmeta descriptionを移行する方法

GOLD BLOGでディスクリプションが未入力のケースの移行方法です。

GOLD BLOGで記事のmeta descriptionを移行する方法 — 【GOLD BLOG】ディスクリプション入力画面

記事ページのmeta descriptionを一括でGOLD BLOGに移設する方法です。

次のコードを子テーマのfunctions.phpに設置するか、Code Snippetsなどの管理プラグインに追加します↓

function seo_description_tanak_copy() {
    // 現在のページが記事ページであるかチェック
    if (is_single()) {
        $post_id = get_the_ID();

        // fit_seo_description-singleが既に値を持っているかチェック
        $fit_seo_description_value = get_post_meta($post_id, 'fit_seo_description-single', true);

        // fit_seo_description-singleが空であれば処理を続行
        if (empty($fit_seo_description_value)) {
            // カスタムフィールド 'description' の値を取得
            $description_value = get_post_meta($post_id, 'description', true);

            // 'description' が存在する場合は 'fit_seo_description-single' にコピー
            if (!empty($description_value)) {
                update_post_meta($post_id, 'fit_seo_description-single', $description_value);
            }

            // 一度だけ実行するためのフラグを設定
            update_post_meta($post_id, '_custom_seo_description_copied', true);
        }
    }
}

// フックを使用して実行タイミングを設定
add_action('wp', 'seo_description_tanak_copy', 1);

コードの仕組みはtitleと同じです。

GOLD GLOGの設定を上書きしないよう、最初にGOLD BLOGの入力をチェック。未入力で何もなければTHE THOR側の値をコピーするというものです。

title同様にフックで一度処理したら、このコードは削除して構いません。