WordPress 開発サイトをライブにプッシュする方法

公開: 2022-08-19

WordPress 開発 (dev) サイトをライブにプッシュする方法を知ることは、サイトの更新中にアップタイムを維持するために重要です。 これは、多数の Web サイトを管理および更新する代理店や、現在の Web サイトを大幅に更新しようとしている Web サイトの所有者にとって特に役立ちます。 開発サイトを使用すると、ライブ サイトに影響を与えずにサイトに変更を加えることができます。 変更をダイヤルインしたら、それらをライブにプッシュするだけです。

この記事では、開発サイトまたはステージング サイトを稼働させるための 3 つの方法を (詳細に) 紹介します。 しかし、最初に、いくつかの用語を明確にしましょう。

これらの用語には確かに違いがありますが、「開発サイト」(または「開発サイト」)、「ステージング サイト」、および「ローカル サイト」を同義語として使用します。 これらはすべて、実際のサイトに影響を与えないように、ユーザーが WordPress Web サイトに変更を加えることができるテスト環境です。 同様に、「ライブ サイト」または「本番サイト」は、訪問者に Web 上で見てもらいたい Web サイトです。

ライブに行く前にすべきこと

開発サイトを正式に本番環境に移行する前に、成功に向けて準備を整えるためにできることがいくつかあります。

チェックリスト - プッシュ デベロッパー サイト ライブ

画像提供:Vector Stock Pro / Shutterstock.com

  1. 開発サイトが完全に機能していることを確認する – ライブ サイトにプッシュする前に、開発サイトが完全に機能していることを確認する必要があります。 これが、サンドボックスまたはステージング環境での作業の要点です。実際の Web サイトに変更を加える前に、変更が正しく機能することを確認できます。
  2. 両方の Web サイトをバックアップする – Web サイトをバックアップする必要があります。 開発サイトとライブ サイトの両方をバックアップするのが最も安全ですが、保護しようとしているサイトはライブ サイトであるため、2 つの中で最も重要です。 必要な場合に役立つ WordPress バックアップ プラグイン オプションがいくつかあります。 プラグインのバックアップとは別に、ホスティング プロバイダーはバックアップのための何らかのサービスを提供している場合があります。 ホストのナレッジ ベースにアクセスして、バックアップの方法で提供されているものを確認してください。
  3. 正しい方法を決定します。 – 開発サイトが機能し、サイトがバックアップされたら、開発サイトをライブにプッシュするための最適なオプションの決定を開始できます。 以下では、3 つの方法について詳しく説明します。

開発サイトをライブにプッシュする方法

WordPress 開発/ステージング サイトをライブ Web サイトにプッシュするには、3 つの方法があります。 選択できるオプションは次のとおりです。

  • WordPress 移行プラグインを使用する
  • デベロッパー サイトを手動でプッシュする
  • ホスティングプロバイダーの移行ツールを使用する

市場に出回っているすべての主要なステージング/移行プラグインはフリーミアムの価格モデルを使用しており、一部のオプションは有料でないと使用できません. 主要な移行およびステージング プラグインの無料バージョンで提供されているものを調べて、それらがニーズを満たしているかどうかを確認することは価値があります。 この記事では、Delicious Brains による WP Migrate Lite プラグインを使用します。 Pro バージョンでは、このプロセスがはるかに簡単になり、開発サイトのデータベース以上のものをプッシュします ( Lite バージョンは、プラグイン、メディア、またはテーマ ファイルをライブ サイトにプッシュしません)。

手動による方法は、phpMyAdmin と cPanel に精通している人向けです。 このアプローチは非常に実践的で、多くのステップがあります。 WordPress がバックエンドでどのように機能するかについて詳しく知りたい場合は、時間をかける価値があります。 ただし、完了するまでにかなりの時間がかかります。

ステージング ツールがプラットフォームに組み込まれているホスティング プロバイダーが、開発サイトをライブ サイトにプッシュするための最も簡単なオプションを提供することがわかりました。 Siteground のステージング ツールがこれを簡単にする方法について説明します。

WP Migrate (プラグイン – 無料版) を使用して開発サイトを公開する

プラグインを使用してライブ Web サイトにステージング サイトをプッシュするには、WP Migrate を使用します。 これは、無料版がある最高の移行プラグインの 1 つです。 さらに、プロ版ではプロセスがさらに簡単になります。

*注意: ほとんどのステージング/移行プラグインは無料版を提供していますが、有料版ではより多くのことができます

WordPress 開発サイトとライブ サイトの両方に WP Migrate をダウンロードしてアクティブ化したら、開発サイトに移動します (両方を別々のタブで開いたままにしてください)。 ツール内でMigrate DBをクリックします。

Dev Push Live - WP Migrate 1-2_num

上部にある [移行] をクリックし、[別のサイトをこのサイトに置き換える] の下にある [データベースのエクスポート] をクリックします。

Dev Push Live - WP Migrate 3-4_num

次に、ライブ サイトの文字列と一致するようにデータベース内の文字列を置き換える画面が表示されます。 これにより、移行/プッシュされた情報を開発サイトからライブ サイトにインポートするときに、サイトがダウンしないことが保証されます。

右側に、入力する必要がある 2 つの置換テキスト ボックスがあることに注意してください。

Dev Push Live - WP Migrate 5_num

次に、 Live Siteのある開いているタブに移動します。 同じプラグインで同じ場所に行きます。 ライブ サイトの [検索列]にあるものを参照してコピーしています。 これらはDev Siteに貼り付けられます。

Dev Push Live - WP Migrate 6_num

ライブ サイトから開発サイトに項目を貼り付けたら (逆になった場合は前の 2 つの画像を参照してください)、開発サイトでデータベースをエクスポートする準備が整いました。 これにより、開発サイトのデータベースのエクスポートされたファイルがダウンロードされます (テーマ、プラグイン、およびメディア ファイルはこれに含まれず、サイト間で簡単にプッシュおよびプルするには WP Migrate の Pro バージョンが必要です)。

Dev Push Live - WP Migrate 7_num

Export Completeプロンプトが表示されます。

Dev Push Live - WP Migrate 8_num

エクスポートされた .sql ファイルができたので、何かをする必要があります。 ライブ サイトのC パネルに移動し、[データベース] セクションでphpMyAdminをクリックします。

エクスポートされた .sql ファイルができたので、何かをする必要があります。 ライブ サイトのC パネルに移動し、[データベース] セクションでphpMyAdminをクリックします。

Dev Push Live - WP Migrate 9_num

上部中央付近でImportをクリックします。 読み込まれたページで、コンピューターにダウンロードされたファイルを参照し、ページの左下にある [移動] をクリックしてインポートを開始します。 これにより、開発サイトからライブ サイトにデータベースがインポートされます。

Dev Push Live - WP Migrate 10-12_num

これが発生したら、ライブ サイトをチェックして、それが稼働していること、および開発サイトで行った変更がライブ サイトに反映されていることを確認します。

開発サイトを手動で公開する

開発サイトをライブ サイトに手動でプッシュすることは完全に可能です。 これは気弱な人向けではありませんが、WordPress データベースと cPanel に慣れようとしている人にとっては本当に良い知識です. これらの手順は、まだ cPanel を使用しているすべてのホスティング プロバイダーで機能します。

開発サイトから必要なファイルをダウンロードする

最初に、開発サイトの cPanel に移動します。 そこからFile Managerを見つけて、 Dev Siteの Document Root ディレクトリを開き、[ Go ] をクリックします。

Dev Site to Live - マニュアル 1-2

そこから、 wp-contentをクリックしてCompress that folderをクリックします。

Dev Site to Live - マニュアル 3-4

これにより、圧縮された新しいwp-content.zipファイルが作成されます。 新しい zip ファイルをクリックし、[ダウンロード] を選択します。

Dev Site to Live - マニュアル 5

次に、開発サイトのwp-config.php ファイルを見つけて、コンピューターにもダウンロードします。

Dev Site to Live - マニュアル 6

開発サイトからデータベースをエクスポート

次に、cPanel に戻ります。 データベースの下で phpMyAdmin をクリックします

phpMyAdmin に戻る

左側のサイドバーで、WordPress 開発サイトのデータベースに対応するデータベースをクリックします。 [すべてチェック] をクリックし、ドロップダウン メニューを使用して [エクスポート] をクリックします。

Dev Site to Live - マニュアル 7-8

次の画面で、エクスポート方法がクイックに設定され、形式が SQLであることを確認します。 次に、[移動] をクリックします。

私たちが行ったことは、開発サイトの重要なファイルをダウンロードして、ライブ サイトにアップロードして構成することです。 これにより、テストおよびビルド中に開発サイトで設定した構成がライブ サイトに提供されます。

Dev Site to Live - マニュアル 9-10

データベースをライブ サイトにインポートする

次に、ライブ Web サイト (開発サイトではありません) の cPanel に移動します。 phpMyAdmin をクリックします。

Dev Site to Live - マニュアル 11

左側のサイドバーで、ライブ サイトのデータベースを選択します。 次に、テーブル内のすべての行を確認します。 プルダウン メニューで [ドロップ] を選択します。 これにより、ライブ サイトからテーブルが削除され、以前にダウンロードしたデータベースに置き換えることができます。

Dev Site to Live - マニュアル 12-14

[はい] をクリックして、テーブルを「ドロップ」するという選択を確認します。

Dev Site to Live - マニュアル 15

次に、上のメニューから[インポート] をすばやく選択し、 [ファイルの選択] をクリックします

Dev Site to Live - マニュアル 16-17

次に、プロンプトに従ってファイルをアップロードします。 以前にダウンロードした .sql ファイルを選択し、 [開く] をクリックします。

Dev Site to Live - マニュアル 18-19

データベースのアップロードを終了するには、 [Go] をクリックします。

この新しくアップロードされたデータベースでは、左側のサイドバーにあるファイルのプレフィックスに注意する必要があります。 これは、後のステップで必要になります。

Dev Site to Live - マニュアル 20

ライブ サイトの URL でデータベースを更新する

同じデータベースで、左側のサイドバーにある_optionsテーブルを選択します。 使用可能なオプションのリストの下で、 option_name列にsiteurlがあるオプションの [編集] を選択します。 *また、後で使用するためにデータベースのプレフィックスを書き留めます。

Dev Site to Live - マニュアル 21-22

データベース テーブルの siteurl オプション内の [挿入] タブで、siteurl の option_value を更新します。 これを行うには、既存の開発サイトの URL を、右側の値ボックス内のライブ サイトの URL に置き換えます。 次に、下にスクロールして[Go/Done] をクリックします

Dev Site to Live - マニュアル 23-24

完了したら、 _optionsテーブルの同じオプション リストに戻ります。 使用可能なオプションのリストで、 option_name列にホームがあるオプションの [編集] を選択します。 次に、前と同じプロセスを ( siteurl に対して) 繰り返し、 home option_valueの開発サイト URL をライブ サイト URL に置き換えます。

Dev Site to Live - マニュアル 25

ライブ サイトのサイト ファイル (wp-content) を更新する

この時点で、データベースのアップロードと構成が完了しました。 しかし、私たちはまだ森から抜け出しているわけではありません。 ライブ サイトのファイルの一部を開発サイトから置き換える必要があります。

これを行うには、ライブ サイトの cPanel に戻り、[ファイル マネージャー] をクリックして、ライブ サイトを選択し、[移動] をクリックします。

Dev Site to Live - マニュアル 26

wp-content フォルダーをクリックして削除します。

Dev Site to Live - マニュアル 27-28

次に、ファイル マネージャーの上部メニューにある [アップロード] をクリックします。

Dev Site to Live - マニュアル 29

[ファイルを選択]をクリックします。 次にwp-content.zipファイルを選択し、[開く] をクリックします。

Dev Site to Live - マニュアル 30-32

アップロードされるのを待ちます。 アップロードが完了してもファイル構造に戻らない場合は、[戻る] リンクをクリックします。

Dev Site to Live - マニュアル 33

アップロードしたwp-content.zipファイルを見つけてクリックし、ドロップダウン メニューから抽出を選択します。

Dev Site to Live - マニュアル 34-35

Extractポップアップで、 Extract Filesをクリックします。 抽出が完了したら、圧縮された wp-content.zip ファイルを削除できます。これを頻繁に行うと混乱する可能性があります。

Dev Site to Live - マニュアル 36

ライブ サイトの wp-config.php ファイルを更新する

wp-content フォルダーが配置されたら、 wp -config.php ファイルを選択し、 editをクリックします。

Dev Site to Live - マニュアル 37-38

ドキュメントでtable_prefixを検索し、table_prefix を前述の開発サイト データベース テーブルのプレフィックスに置き換えます。 次に、下にスクロールして[保存] をクリックします。 .

それでおしまい! ライブ サイトを表示して、WordPress 開発サイトから持ち込んだ変更を確認してください。

Dev Site to Live - マニュアル 39-40

それが多すぎるステップである場合、WordPress ホスティングを優先する多くの最新のホスティング会社は、堅牢な (そして使いやすい) ステージング/移行ツールを提供しています.

次に、Siteground を使用して開発サイトをライブ サイトに簡単にプッシュする方法を紹介します。

Siteground ステージング ツールを使用して開発サイトをライブ サイトにプッシュする

WordPress のインストールを専門とするホスティング プロバイダーは、開発/ステージング サイトを実際の Web サイトにプッシュするためのツールの作成に関して改善を進めています。 そのようなホスティング会社の 1 つに、たまたま Divi Hosting パートナーの 1 つである Siteground があります。 Siteground を使用して開発サイトを公開するには、Siteground の Site Tools を使用してステージング サイトを構築しておく必要があります。

サイトが Siteground で稼働したら、Siteground アカウントにログインします。 次に、上部にある[Web サイト] タブをクリックします。 サブタブのWeb サイトも選択します。 そこから、ページ上の個々のボックスで表される、心に留めている Web サイトを選択します。 そのサイトの [サイト ツール] ボタンをクリックします。

Dev Push Live - サイトグラウンド - 1-4_num

左側のサイドバー メニューで、 [WordPress] > [ステージング] に移動します。 そこから、特定の TLD のサブドメインのリストである[WordPress インストールの選択]で、私たちが念頭に置いている正確なライブ サイトを選択します。

下部にある [ステージング コピーの管理] セクションで、展開するステージング コピーを見つけ、3 つのドット アイコン (⋮) をクリックして、ステージング コピーのオプションを展開します。 リストから [ Full Deploy]を選択して、ステージング サイト全体をデプロイします。 デプロイしたいステージング サイトの一部しかない場合は、[カスタム デプロイ]を選択することもできます。

Dev Push Live - サイトグラウンド - 5-9_num

最後に、[デプロイの確認] ポップアップで、[確認] をクリックします。

Dev Push Live - サイトグラウンド - 10_num

その後、すべて完了です。 右上隅に成功メッセージが表示されます。

Dev Push Live - Siteground - 11 - End_num

成功のダイアログが表示されない場合は、Siteground サポートに連絡してトラブルシューティングを依頼できます。

開発サイトが公開された後に行うこと

WordPress 開発サイトをライブ サイトにプッシュする 3 つの方法はすべて優れたオプションです。 ただし、いずれの場合も、サイトが一時的に破損するリスクがあります。 この記事の手順で目的の結果が得られたことを願っていますが、ステージング サイトのプッシュが完了したら、次の点に注意してください。

選択した手順を完了したら、ライブ サイトを開いてそのページに目を通してください。 すべてがロードされていることと、期待どおりであることを確認してください。 次に、管理者ダッシュボードに移動してログインします。ログイン中にエラーが発生することはありません。

データベースに問題があると思われる場合は、すぐに解決する必要があります。 データベース接続エラーを修正する方法の記事を参照して、再確認する一般的な領域を見つけてください。 問題が発生した場合は、開始前に作成したバックアップに戻って、手順をもう一度試すことができます。

  • サイトの www バージョンと非 www バージョン、および HTTPS と HTTP を確認してください。 (リダイレクトは期待どおりに行われていますか?)
  • メイン ナビゲーション リンクと、カテゴリ、投稿、カスタム投稿タイプなどの動的ページを確認します。 (開発サイトからの最新の変更はライブ サイトに反映されていますか?)
  • 新しく更新されたページで画像が適切に表示されるようにします。
  • その後数日間、404 の壊れたリンクを毎日監視します。

どの方法を使用する必要がありますか?

この記事で説明する 3 つの方法のそれぞれで、仕事は完了します。 ただし、サイトまたはホスティング プロバイダーによっては、一部のオプションが他のオプションよりも適しています。 以下にいくつかの提案を示します。

  • ホスティング プロバイダーにステージング ツールがある場合は、その使用方法を学ぶ価値があります。 これらのツールを使用すると、作業が可能な限り簡単になります。
  • プラグインの移行/ステージングは​​、次善の策です。 Proバージョンは多少の費用がかかりますが、毎回あなたのためにトリックを行います.
  • 開発サイトをライブ サイトに手動でプッシュすることは、時間と技術的な知識が必要になり、サイトを破壊する可能性があるため、初心者にとって最適な方法ではない可能性があります。 ただし、自分が何をしているのかわかっている場合、この方法を使用すると、一部の開発者に好まれるプロセスをより詳細に制御できます。

結論

ステージング サイトをライブ サイトに移行する方法を知ることは、強力なスキル セットです。 これにより、訪問者が積極的にアクセスしているライブ サイトがクラッシュすることを心配することなく、サイトでより自由に実験を行うことができます。 自分のサイトを管理している場合でも、クライアントのサイトを管理している場合でも、更新をプッシュする方法を知っていれば、より信頼できる Web マスターになります。

Aleksandr_a / Shutterstock経由の主な画像