WordPress サイトをオフラインで構築する方法 (3 つの簡単なステップで)

公開: 2022-08-29

ライブ Web サイトを編集している場合、行った変更はすぐに反映されます。 つまり、新しいコーディングや実験的なソフトウェアを試してみたい場合、サイトが壊れて新しい訪問者を遠ざける可能性があります.

この問題を解決するには、Web サイトのローカル オフライン バージョンを作成します。 これにより、インターネット接続を必要とせずに WordPress を実行および編集できます。 サイトをパソコンにインストールすることで、新しい機能をテストし、WordPress の使用方法を学び、最終的に編集をライブにすることができます.

この投稿では、WordPress サイトをオフラインで構築する理由を説明します。 次に、DevKinsta を使用してこれを行う方法を示します。 始めましょう！

オフライン Web サイトの作成を検討する理由

Web サイトの所有者であれば、単純な管理タスクを実行すると、ライブ コンテンツに悪影響を与える可能性があることを既にご存じでしょう。 多くの場合、ソフトウェアの更新、新規インストール、およびコードベースの変更により、ダウンタイムやその他の問題が発生する可能性があります。

サイトの中断を回避する簡単な方法の 1 つは、ステージング環境を作成することです。 ライブ Web サイトのコピーを作成することで、開発の変更を安全にテストできます。 Kinsta を使用すると、ワンクリックでステージング サイトをセットアップすることもできます。

MyKinstaでステージングサイトを作成するスクリーンショット
MyKinstaでステージングサイトを作成する

ただし、サイトを完全にオフラインで編集したい場合もあります。 たとえば、Wi-Fi にアクセスできない場合は、ステージング サイトを開くことができません。

幸いなことに、Web サイトのローカル バージョンをコンピューターに保存できます。 WordPress サイトをオフラインで構築した後は、インターネットに接続していなくても変更を加えることができます。

あなたがプロの開発者またはデザイナーである場合、クライアントの Web サイトでオフラインで作業する必要があるでしょう。 それらを複製してローカルで作業すると、ライブ コンテンツに影響を与えることなく、コーディングの改善を成功させることができます。 次に、これらの変更を元のサイトにプッシュするだけです。

さらに、ローカル サイトは、WordPress の使用方法を学習する効果的な方法を提供します。 完全な初心者の場合は、ホスティング プランまたはドメインを購入する前に、新しいオフライン Web サイトを作成できます。 これにより、ローカルの WordPress 開発を試す際のコストを削減できます。

ライブ Web サイトを編集している場合、行った変更はすぐに反映されます。 オフラインでサイトを作成すると、物事が簡単になりますClick to Tweet

オフラインで WordPress サイトを構築する方法 (3 ステップ)

ローカル WordPress サイトを使用する利点がわかったので、作成方法について説明しましょう。

ステップ 1: DevKinsta をインストールする

使用できるローカルの WordPress 開発ツールは多数ありますが、セットアップ プロセスが複雑になる場合があります。 DevKinsta を使用すると、ワンクリックで最初のローカル環境を作成できます。

DevKinstaをダウンロード
メインページからDevKinstaをダウンロードできます

以下は、DevKinsta に組み込まれた高品質の機能の一部です。

  • PHP 7.2 – 8.0 のサポート
  • MyKinstaとの統合
  • ローカルの電子メール管理
  • 組み込みのデータベース マネージャー

DevKinsta は、macOS、Windows、および Linux オペレーティング システムをサポートできます。 ただし、ローカル開発ツールをダウンロードする前に、コンピューターが次の要件を満たしていることを確認することが重要です。

  • 5GB 以上のディスク容量
  • 1GB以上のRAM
  • ダウンロード中のインターネット接続
  • BIOS で有効化された仮想化

次に、インストール プロセスは、コンピューターのソフトウェアによって異なります。 DevKinsta DMG ファイルをダウンロードして開く前に、Docker Desktop をインストールする必要がある可能性があります。

ステップ 2: 新しいサイトを追加する

DevKinsta をインストールしたら、3 つの異なる方法を使用して、ローカルの WordPress ウェブサイトを作成できます。 ニーズに適したものを確実に選択できるように、各アプローチについて説明します。

方法 1: 新しい WordPress サイトを追加する

DevKinsta が適切にインストールされている場合は、新しいサイトの作成ページが表示されます。 ここで、新しい WordPress サイトを追加するか、Kinsta からサイトをインポートするか、カスタム バージョンを作成することができます。

ダウンロード後、新しいDevKinstaサイトの作成ページが利用可能になります
新しい DevKinsta サイトを作成する

完全に新しい WordPress Web サイトをゼロから作成するには、[新しい WordPress サイト]を選択します。 これにより、Nginx、MySQL、および最新の WordPress ソフトウェアで構成されたローカル環境が構築されます。

この方法では、サイト名、WordPress 管理者のユーザー名、WordPress 管理者のパスワードを入力するだけです。 次に、[サイトの作成] をクリックします。

メインのログイン ページから新しい WordPress ログインを作成する
新しい WordPress ログインを作成する

30 ～ 60 秒後、DevKinsta は新しいサイトを作成します。 新しいデータベース、サーバー、PHP バージョンなどに関する情報を確認できます。

DevKinsta でのオフライン サイト構成
新しいオフライン サイト構成

このプロセスでは、コンピューターのパスワードを入力するか、確認ダイアログを受け入れる必要があります。 これにより、ソフトウェアはホストファイルに変更を加え、データベースの作成を完了することができます。

方法 2: Kinsta ウェブサイトをインポートする

Kinsta ホスティング プランをお持ちの場合は、既存のウェブサイトを複製できます。 これにより、元のステージング環境またはライブ サイトに変更を簡単にプッシュできます。 開始するには、[ Kinsta からインポート] を選択します。

既存のKinstaサイトをダウンロード
既存のKinstaサイトをダウンロード

次に、MyKinsta アカウントを接続する必要があります。 ユーザー名とパスワードの入力が完了したら、[ログイン] をクリックします。

手元にあるMyKinstaのメールアドレスとパスワードでログイン
MyKinstaのメールアドレスとパスワードでログイン

次に、コンピューターに複製するサイトを選択します。 DevKinsta はステージング環境とライブ環境の両方をサポートしているため、次のいずれかを選択できます。

リストからインポートするライブ サイトまたはステージング サイトを選択します
インポートするライブ サイトまたはステージング サイトを選択

Web サイトがマルチサイトの場合は、サブドメインまたはサブディレクトリのどちらを使用するかを指定します。 No multisiteも選択できます。

マルチサイトを実行している場合は、WordPress マルチサイトの詳細を追加します
WordPress マルチサイトの詳細を追加する

[サイトのインポート] をクリックすると、DevKinsta は選択したウェブサイトのローカル コピーを作成します。

方法 3: カスタム サイトを追加する

ローカルの WordPress インストールをより細かく制御したい場合は、カスタム サイトオプションを選択できます。 これにより、サイトに関する特定の設定を構成できます。

ダウンタイムや WordPress の問題に悩まされていませんか? Kinstaは、時間を節約するために設計されたホスティングソリューションです! 私たちの機能をチェックしてください
カスタム構成でオフライン サイトを作成する
カスタム構成でオフライン サイトを作成できます

まず、Web サイトの名前を選択します。 データベースに名前を付けて、PHP バージョンを選択することもできます。

カスタム サイトの詳細を入力する
カスタム サイトの詳細を入力する

[WordPress の詳細]では、サイトのタイトルと WordPress のバージョンを変更できます。 最後に、管理者の電子メール、ユーザー名、およびパスワードを入力します。

必要な情報を入力してください
完全な WordPress ログイン情報

Create siteをクリックすると、DevKinsta はドメインをhostsファイルに追加し、新しいデータベースをセットアップします。 これには 15 ～ 20 秒しかかかりません。

ステップ 3: ローカル Web サイトを管理する

ローカル Web サイトを作成したら、その Web サイトにアクセスして管理する方法を知る必要があります。 このようにして、変更を実装し、その成功を評価できます。 [サイト] ページで、矢印アイコンをクリックして Web サイトのフロント エンドを開きます。

オフラインの WordPress ウェブサイトを開く
オフラインの WordPress ウェブサイトを開く

WordPress 管理画面に移動するには、Web サイトを選択します。 次に、サイト情報ページの上部で、 WP 管理ボタンを見つけます。

WP Admin ボタンを見つけて、DevKinsta でクリックします。
WP 管理ボタンをクリックします。

生成されたブラウザで、WordPress のログイン情報を入力できます。 次に、ダッシュボードを使用して Web サイトを表示および編集できるようになります。

オフライン サイトのダッシュボードを開く
WordPress ダッシュボードがオフラインで開くようになりました

変更を加えたら、DevKinstaサイト情報ページに戻ることができます。 [同期] > [Kinsta にプッシュ] を選択すると、これらの開発をステージングまたはライブ サイトに実装できます。 または、Kinsta からこのローカル環境に変更をプルすることもできます。

Kinstaとの間で変更をプッシュ
Kinstaとの間で変更をプッシュ

Database managerをクリックすると、ブラウザ タブで Adminer を起動できます。 このツールを使用すると、新しいデータベースの作成、テーブル内のデータの調査、列の設定の変更、SQL クエリの実行などを行うことができます。

管理者データベースのスクリーンショット
管理者データベースの管理

初心者は、ローカルの WordPress サイトを 1 つ作成するだけでよい場合があります。 ただし、開発者または代理店で働いている場合は、DevKinsta で複数のサイトを構築および管理できます。

DevKinsta では、各サイトはコンテナ化された環境で実行されます。 これは、必要な数のプロジェクトを追加できることを意味します。 これを行うには、ホームページで [サイトを追加] をクリックします。

ローカルの DevKinsta サイトを管理する
ローカルの DevKinsta サイトを管理する

これで、新しいオフライン WordPress サイトと、それをカスタマイズするために必要なツールが揃ったはずです! これにより、Wi-Fi を使用せずに Web サイトを開発し、ライブ コーディングのミスを避けることができます。

インターネットに接続されていませんか？ 問題ない。 このガイドで、サイトのローカル オフライン バージョンを作成する方法を確認してください。

概要

WordPress のローカル バージョンを起動すると、インターネットに接続していなくてもサイトを開いて管理できます。 オンラインに戻ったら、ライブ Web サイトに変更をプッシュするだけです。 これにより、いつでも開発タスクを完了することができます。

DevKinsta を使用すると、ローカルの WordPress 環境を簡単にインストールできます。 今すぐこの無料ツールをダウンロードして、ワンクリックでオフライン テスト サイトを作成してください!