公開せずにWordPressサイトを構築する方法

WordPressサイトを初めてライブサーバーに直接構築したとき、未完成のページを意図せず実際のURLにプッシュしてしまいました。クライアントに見つかってしまったのです。それが、私の仕事のやり方を変えるきっかけとなりました。

準備ができていないのに公開するのは、恥ずかしいだけではありません。プラグインの競合でサイトがクラッシュする可能性があります。テーマの切り替えでレイアウトが消えてしまうこともあります。アップデートの失敗でwp-adminに全くアクセスできなくなることもあります。

これらはすべて、実際の訪問者が読み込もうとしているライブサイトで発生する可能性があります。オフラインまたはサンドボックスで作業することは、それらの間違いが修正されるまで、誰にも見えないことを意味します。

このチュートリアルでは、WordPress Studio、Local、InstaWP、そして従来のMAMP/XAMPPのパスの4つの方法で、ライブにせずにWordPressサイトを構築する方法を説明します。

また、何かをダウンロードする前に最適な方法を選ぶための意思決定フレームワークと、完成したサイトをライブサーバーにプッシュするためのステップバイステップのプロセスも紹介します。

最終的には、動作するローカルまたはサンドボックス化されたWordPress環境と、準備ができたときに公開するための明確なパスが得られます。

主なポイントは次のとおりです：

• WordPress StudioとLocalはサイト全体の構築用で、InstaWPはメモ帳のようなものです。Studioはサーバー設定が不要で最もセットアップが速く、LocalはPHPとサーバー設定の制御がより多くでき、InstaWPは保持する必要のない簡単なテスト用です。
• MAMP、WampServer、XAMPPは、サーバースタックを完全に制御したい場合に適していますが、StudioやLocalよりもセットアップに時間がかかります。開始前にこれを考慮してください。
• 4つの方法すべてが、同じDuplicatorベースの公開ステップで終わります。ローカルで使用するツールに関係なく、Duplicator Proはサイトをパッケージ化し、ローカルURLを自動的に置き換えて任意のホストに展開します。
• 無料のInstaWPサンドボックスは48時間で期限切れになります。保存する価値のあるものを作成した場合は、タイマーが切れる前にエクスポートするか、アカウントを作成してください。

目次

公開せずにWordPressサイトを構築する理由

ライブサーバーで直接作業するよりも、オフラインまたはサンドボックスで構築する方が理にかなっている状況がいくつかあります。それによって得られるものを以下に示します。

エラーのない変更。コンテンツ、レイアウト、デザインの決定を、他の誰かに見られる前にプライベートでテストできます。何か問題が発生しても、あなたに害を及ぼすことはありません。

セキュリティ。ライブサイトで新しいプラグインやテーマを試すのはギャンブルです。一部のプラグインは互いに競合します。一部のテーマはカスタマイズを上書きします。隔離された環境でテストすることは、悪いインストールがライブサイトをダウンさせないことを意味します。

パフォーマンス。実際の訪問者に影響を与える前に、ローカル環境でページの速度と機能を最適化できます。どの画像圧縮プラグインを使用したいかまだわからない場合でも、遅い読み込み時間を経験することはありません。

コラボレーション。ローカル環境とサンドボックスは、公開前に作業中のコンテンツをチームメイトやクライアントと共有しやすくします。Localのようなツールは、一時的な共有可能なURLを生成するため、クライアントは何もライブにプッシュせずにあなたの作業を確認できます。

このガイドの4つの方法はすべて、同じメリットをもたらします。違いは、セットアップにどれだけ手間をかけたいか、そして環境をどれだけ長く維持したいかです。

あなたに最適な方法は？

何かをダウンロードする前に、ここで30秒だけ時間を取ってください。このガイドの4つの方法はすべて同じ場所にたどり着きますが、それぞれ異なる状況に合わせて構築されています。

間違った方法を選ぶと、必要以上にセットアップに手間がかかったり、やりたいことに対して制御が不十分になったりします。

あなたの状況	最適な方法
最初のWordPressサイトを構築する	WordPress Studio
PHPバージョン、SSL、サーバー設定を制御したい	ローカル (LocalWP)
インストール不要で、プラグインやテーマを素早くテストする	InstaWP
サーバースタックを完全に制御したい、設定に抵抗がない	MAMP、WampServer、またはXAMPP
実際のライブサイトのコピーでテストする必要がある	Duplicator Proでクローンし、上記の方法のいずれかを使用する

ゼロから始めて、ローカル開発環境を一度もセットアップしたことがない場合は、WordPress Studioから始めましょう。ダウンロードから動作するWordPressサイトまでのパスが最も短く、サーバー、データベース、その他の設定を行う必要がありません。

特定のPHPバージョンに合わせる必要がある場合、マルチサイトを扱う場合、またはクライアントとプレビューリンクを共有する場合、LocalWPはセットアップが著しく難しくなることなく、より多くの制御を提供します。

何かを素早くテストしたいだけで、ソフトウェアを一切インストールしたくない場合は、InstaWPはブラウザ上で約10秒で使い捨てのWordPressサンドボックスを起動します。これは、保持する予定の完全なサイトを構築するためのものではありませんが、簡単な概念実証としては非常に優れています。

ローカルサーバーのすべてのレイヤー（Apache、MySQL、PHP設定、仮想ホスト）を直接制御したい場合は、MAMP、WampServer、XAMPPがそれを提供します。

トレードオフとして、最初に多くのセットアップ手順が必要になります。サーバー環境に慣れており、希望どおりに設定したい場合に最適な選択肢です。

公開せずにWordPressサイトを構築する方法

どの方法を選択しても、以下の手順で最初のインストールから公開準備完了のサイトまで、フルセットアップを説明します。お使いのツールに一致するセクションにジャンプしてください。

4つのパスはすべて同じ場所にたどり着きます。それは、準備ができたらライブサーバーに移行できる完全なWordPressサイトです。

方法1：WordPress Studio

最適：初心者、MAMPのセットアップに苦労している人、MacおよびWindowsユーザー

WordPress Studioは、WordPress Playgroundを基盤としたAutomattic製の無料デスクトップアプリです。サーバー設定に触れることなく、ローカルWordPressサイトを最も速く実行する方法です。

Apacheのセットアップ、MySQL、phpMyAdminは不要です。アプリを開けばWordPressがあります。

知っておくべきこと：Studioサイトはローカルマシン上に存在します。ラップトップを閉じてもう一度開いたときに、サイトは一緒に移動しません。Studioには、作業を別のマシンに移動する必要がある場合のためのエクスポート機能があります。必要になる前に使用してください。後からでは遅すぎます。

実行する内容は以下の通りです。

• Studioのダウンロードとインストール：developer.wordpress.com/studioからアプリを入手し、お使いのマシンにインストールしてください
• 最初のサイトを作成する：名前を付けて、Studioにすべてを自動的に処理させます
• WordPressダッシュボードを開く：Studioインターフェースから直接wp-adminにアクセスします
• サイトを構築する：ライブサイトで実行するのと同じように、テーマ、プラグイン、コンテンツをインストールします

ステップ1：Studioのダウンロードとインストール

WordPress StudioをmacOSまたはWindowsにダウンロードします。他のデスクトップアプリと同様に実行します。

インストールが完了したら、WordPress.comにログインするか、新しいアカウントを作成します。

ステップ2：最初のサイトを作成する

オプションのリストからサイトを作成をクリックします。ただし、バックアップをインポートしたり、ブループリントから開始したりすることも自由にできます。

名前を付けます。そこで終了することも、高度な設定を開いてPHPバージョン、WordPressバージョン、管理者資格情報、ドメインをカスタマイズすることもできます。

Studioはそこから自動的にサイトを作成します。WordPressのインストール、データベースの構成、ローカルURLの割り当てが、設定を一切入力することなく行われます。

セットアップが完了すると、サイト名が左側のサイドバーに緑色の「実行中」インジケーターとともに表示されます。これは、WordPressがローカルでライブであり、使用できる状態であることを意味します。

ステップ3：WordPressダッシュボードを開く

StudioでWP AdminをクリックしてWordPressダッシュボードに直接移動するか、サイトを開くをクリックしてまずフロントエンドを表示します。ログイン資格情報はサイト作成中に設定され、必要に応じてStudioインターフェースで確認できます。

ここから、ライブのWordPressサイトと同じようにすべて機能します。テーマをインストールし、プラグインを有効化し、ページを構築します。

ステップ4：サイトを構築する

ライブのWordPress.comサイトで機能するすべてのテーマまたはプラグインは、Studioでも機能します。互換性の違いを考慮する必要はありません。オプションのStudioアシスタントは、チャットインターフェースを介してプラグインをインストールしたり、WP-CLIコマンドを実行したりできますが、これは完全にオプションであり、無視しても邪魔になりません。

方法2：Local (LocalWP)

最適：PHPバージョン、SSL、マルチサイトを簡単に制御できる、初心者向けのインターフェースを求めるユーザー向け

LocalはWP Engineが管理する無料のデスクトップアプリです。Studioよりも古くから存在し、より多くの機能セットを備えています。サイトごとにPHPバージョンを設定したり、ワンクリックSSLを有効にしたり、ApacheとNginxを切り替えたり、ライブにプッシュせずに一時的な公開プレビューリンクを共有したりできます。

クライアントがローンチ前に作業を確認する必要がある場合、最後の機能だけでもLocalを選択する価値があります。

実行する内容は以下の通りです。

• Localをダウンロードする：localwp.comからアプリを入手し、マシンにインストールします
• 新しいサイトを作成する：セットアップ設定を選択し、Localに環境を構成させます
• WordPressサイトにアクセスする：Localダッシュボードから直接wp-adminまたはフロントエンドを開きます
• サイトを構築する：PHPとサーバー全体を完全に制御して開発します

ステップ1：Localをダウンロードする

localwp.comにアクセスし、お使いのオペレーティングシステム用のインストーラーをダウンロードします。LocalはmacOS、Windows、Linuxで利用できます。

初回起動時に簡単なセットアップウィザードが実行されますが、技術的な設定を求めることはありません。

ステップ2：新しいサイトを作成する

新しいサイトを作成をクリックし、名前を付けます。

次に、Localは2つのセットアップモードのいずれかを選択するように求めます：

• 推奨はLocalの推奨デフォルトを使用し、約1分で実行を開始できます。ほとんどのユーザーにとって正しい選択です。
• カスタムでは、PHPバージョンを設定し、ApacheとNginxを選択し、MySQLバージョンを選択できます。特定のライブサーバー構成に合わせてローカル環境を一致させる必要がある場合は、これを使用してください。

セットアップを選択した後、WordPressのインストール用の管理者ユーザー名、パスワード、およびメールを設定します。Localが残りを処理します。

ステップ3：ローカルWordPressサイトにアクセスする

サイトが作成されると、Localダッシュボードにリストされているのが表示されます。WordPressバックエンドを開くにはWP Adminをクリックするか、フロントエンドを表示するにはサイトを開くをクリックします。

ローカルでhttp://の代わりにhttps://を使用したい場合は、サイト詳細パネルのSSLの隣にある信頼ボタンをクリックします。Localは証明書をインストールし、ブラウザの警告なしに安全なローカルブラウジングを有効にします。ローカルでの作業を実際のサイトでの作業に近づける小さな機能です。

ステップ4：サイトを構築する

WordPressのインストールと同様に開発できます。Localは完全なサーバースタックを実行するため、エミュレートまたは制限されるものはありません。

クライアントに作業を確認してもらう準備ができたら、Localダッシュボードのライブリンクトグルに移動します。Localは、ローカルサイトをリアルタイムでミラーリングする一時的な公開URLを生成します。

クライアントは、何もデプロイせずに、どのデバイスからでも作業を確認できます。レビューが完了したらオフにします。

方法3：InstaWP

最適：クイックテスト、インストール不要、使い捨てサンドボックス

InstaWPは、約10秒でブラウザ内に動作するWordPressサンドボックスを提供します。保持する完全なサイトを構築するための適切なツールではありませんが、プラグインが意図したとおりに機能するかどうかをテストしたり、テーマをプレビューしたり、ビルドをコミットする前にクライアントに概念を説明したりするには、このリストの中で最も速いオプションです。

実行する内容は以下の通りです。

• サンドボックスを開く：instawp.comにアクセスし、ワンクリックで新しいWordPressインストールを起動します
• サンドボックスを使用する：すぐにwp-adminにアクセスし、テストする必要があるものをテストします
• 期限切れになる前に作業を保存する：サンドボックスが閉じる前に、保存する価値のあるものをすべてエクスポートまたは移行します

ステップ1：InstaWPサイトを作成する

instawp.comに移動し、新しいサイトを作成します。InstaWPは新しいWordPressインストールを起動し、数秒以内にwp-adminの認証情報を提供します。

サイトをカスタマイズするには、WordPressとPHPのバージョンを選択します。サーバーの場所を選択したり、プラグインをインストールしたり、AIアシスタントを使用して支援することもできます。

無料サンドボックスは48時間後に期限切れになります。より多くの時間が必要だと感じる場合は、少なくともSandboxプランにアップグレードしてください。これは月額2ドルです。

これによりサンドボックスの有効期間が延長され、環境を保存して後で再開するオプションが提供されます。このステップをスキップして作業を失わないでください。サンドボックスをアクティブに使用しているかどうかにかかわらず、期限切れタイマーは実行されます。

ステップ2：サンドボックスを使用する

サンドボックスがロードされた瞬間から、完全なwp-adminアクセスが得られます。テーマやプラグインをインストールしたり、ブロックエディターレイアウトをテストしたり、設定を構成したりできます。

InstaWPサンドボックスは実際のサーバー上で実行されるため、プラグインやテーマの動作はライブサイトで表示されるものと同じになります。InstaWPサンドボックスで問題が発生した場合、それはライブサイトでも発生します。

ステップ3：失効する前に作業を保存する

InstaWPで作成したものを保持したい場合は、カウントダウンが迫るまで待たないでください。

InstaWPには、サンドボックスをライブホストに直接プッシュできる組み込みの移行ツールがあります。また、Duplicatorを使用してサイトのバックアップを作成し、パッケージファイルをコンピューターにダウンロードすることもできます。

これらのファイルは、任意のホストにデプロイしたり、このガイドの他の方法を使用してローカル環境にインポートしたりできます。

InstaWPを意図されたとおりに使用している場合（長期的な環境ではなく、スクラッチパッドとして）、何も保存する必要はないでしょう。必要なテストを行い、タブを閉じ、次に進んでください。

方法4：MAMP、WampServer、およびXAMPP

最適：ローカルサーバーのスタックを完全に制御したい上級ユーザー

MAMP、WampServer、およびXAMPPは、Apache、MySQL、およびPHP構成に直接アクセスできる従来のローカルサーバー環境です。StudioやLocalよりも設定に時間がかかりますが、指示を注意深く実行することに慣れているのであれば、技術的に手の届かないものではありません。

その見返りは、あなたと設定ファイルの間にアプリレイヤーが存在しない、完全に制御できるサーバー環境です。

実行する内容は以下の通りです。

• スタックのダウンロードとインストール：オペレーティングシステムに適したツールを入手し、インストーラーを実行します
• サーバーの設定：ApacheとMySQLを起動し、両方が実行されていることを確認します
• WordPressのダウンロードとフォルダの設定：WordPressを正しいドキュメントルートに配置し、ローカルURLに名前を付けます
• データベースの作成：phpMyAdminを使用して、WordPressのインストール用のデータベースを作成します
• WordPressインストーラーの実行：WordPressをデータベースに接続し、セットアップを完了します

ステップ1：スタックのダウンロードとインストール

お使いのオペレーティングシステムに合ったツールを選択してください。

• MAMPはmacOSとWindowsで動作します。無料バージョンで、このガイドのすべてをカバーしています。mamp.infoからダウンロードしてください。
• WampServerはWindows専用で無料です。wampserver.comからダウンロードしてください。
• XAMPPはmacOS、Windows、Linuxで動作し、無料です。apachefriends.orgからダウンロードしてください。

選択したものをインストールし、次のステップに進む前に開いてください。完全な比較が必要な場合は、おすすめのローカルWordPress開発環境のレビューをお読みください。

ステップ2：サーバーの設定

他に何もする前に、ApacheとMySQLが実際に実行されていることを確認してください。

• MAMPの場合：アプリを開き、「開始」をクリックします。ApacheとMySQLの両方のインジケーターが緑色になるはずです。その間に、MAMP環境設定に移動し、Apacheポートを80に設定します。デフォルトは8888なので、すべてのローカルURLでポート番号を追加する必要があります。今80に切り替えることで、ビルド全体でその手間が省けます。
• XAMPPの場合：XAMPPコントロールパネルを開き、ApacheとMySQLの両方の横にある「開始」をクリックします。続行する前に、両方のステータスインジケーターが緑色になるはずです。
• WampServerの場合：システムトレイからアプリを開きます。WampServerのアイコンが緑色になれば、ApacheとMySQLの両方が実行されていることを意味します。オレンジ色のままの場合は、アイコンをクリックして、どのサービスが起動に失敗したかを確認してください。

ステップ3：WordPressをダウンロードしてフォルダをセットアップする

wordpress.org/downloadにアクセスし、最新バージョンのWordPressをzipファイルとしてダウンロードします。

zipファイルを展開すると、「wordpress」という名前のフォルダができます。

そのフォルダ名を、ローカルURLにしたい名前に変更します。たとえば「mysite」と名付けた場合、ローカルURLはlocalhost/mysiteになります。名前は短く、小文字で、スペースを含めないようにしてください。

名前を変更したフォルダをサーバーのドキュメントルートに移動します：

• MAMP：Applications » MAMP » htdocs
• XAMPP：xampp » htdocs
• WampServer：C: » wamp64 » www

ステップ4：データベースを作成する

ブラウザでphpMyAdminを開きます。アドレスはセットアップによって異なります。

• MAMP（デフォルトポート）：localhost:8888/phpmyadmin
• MAMP（ポート80）：localhost/phpmyadmin
• XAMPP：localhost/phpmyadmin
• WampServer：localhost/phpmyadmin

phpMyAdminで、左側のサイドバーにあるNewをクリックします。データベース名はサイトフォルダの名前に合わせてください。一貫性を持たせることで、後で複数のローカルサイトを管理しやすくなります。Createをクリックします。

ステップ5：WordPressインストーラーを実行する

ブラウザでローカルサイトのURLにアクセスします。「mysite」という名前のフォルダの場合、localhost/mysiteになります。WordPressはまだ設定されていないことを検出し、セットアップウィザードを起動します。

データベースの詳細を尋ねられたら、以下を入力します：

• データベース名：phpMyAdminで付けたデータベース名
• ユーザー名: root
• パスワード：root（MAMPおよびXAMPP）または空白（WampServer）
• データベースホスト：localhost
• テーブルプレフィックス：wp_（デフォルトのままで問題ありません）

フォームを送信します。WordPressがデータベースに正常に接続できれば、サイトの詳細画面に移動します。サイトのタイトル、管理者ユーザー名、パスワード、メールアドレスを設定し、Install WordPressをクリックします。

localhost/mysite/wp-adminでログインすれば完了です。

より詳細なセットアップ手順については、これらのブログ記事をお読みください：

• MAMPにWordPressをインストールする方法
• WAMPにWordPressをインストールする方法
• XAMPPにWordPressをインストールする方法

ローカルWordPressサイトを公開する方法

あなたが目指してきた瞬間がもうすぐそこまで来ています。ウェブサイトを公開し、世界と共有する時です！しかし、オフライン開発の美しさはここにあります。未完成の製品を公開することを心配することなく、この移行を完璧に行うことができます。

ここでDuplicator Proが登場します。スムーズでストレスのない公開のための秘密兵器です。Duplicator Proは、ローカルで開発したウェブサイトをライブサーバーに移行するプロセスを簡素化します。 

仕組みは次のとおりです。

ローカルウェブサイトに満足したら、Duplicator Proを使用して完全なバックアップを作成してください。WordPressのファイル、データベース、設定すべてを1つのファイルにコンパイルします。

次に、バックアップをダウンロードします。

この時点で、ホスティングプロバイダーを見つける必要があります。ウェブホスティングプランとドメイン名を購入してください。 

新しいデータベースとデータベースユーザーも作成する必要があります。 

新しいウェブサイトのファイルマネージャー（cPanelなど）またはFTPクライアント（FileZillaなど）を使用してサーバーに接続します。両方のDuplicatorファイルをルートディレクトリにアップロードします。

このリンクでインストーラーを起動します: https://your-domain/installer.php

Duplicatorが移行プロセスをステップバイステップで案内します。新しいデータベース情報を入力し、古いURLを置き換える必要がありますが、Duplicatorはこれを非常に使いやすくしています。

Duplicator Proの実際の動作を見てみませんか？ローカルサイトをライブサーバーに移行する完全なチュートリアルはこちらです。 ローカルサイトをライブサーバーに移行する方法。 

WordPressサイトを公開せずに構築することに関するFAQ

または、ライブサイトをメンテナンスモードにします。SeedProdを使用すると、ウェブサイトを作業中であることを知らせるテンプレートを使用できます。 

別の方法として、サーバー上のサブドメインまたはサブディレクトリにウェブサイトをコピーすることもできます。WP Engine、Bluehost、SiteGroundなどのマネージドWordPressホスティングサービスを利用すれば、このプロセスが簡単になります。 

ローカルサイトは構築されました。次はライブサイトを保護しましょう。

ライブサーバーに触れることなく、動作するWordPress環境をセットアップできました。Studio、Local、InstaWP、または従来のスタックのいずれを選択したとしても、ここからのプロセスは同じです。準備ができるまで構築し、準備ができたらDuplicatorで移行します。

移行後に最も多くの人がスキップする部分です。ローカル環境は、構築中にセーフティネットでした。サイトがライブになった瞬間、それを置き換えない限り、そのネットは消えます。

ライブサーバーで他に何もする前に、Duplicator Proで定期的なバックアップを設定してください。

ローカル環境では、構築中にエラーが表面化しませんでした。サイトが公開されると、プラグインの更新失敗、テーマの切り替え失敗、設定エラーなどが原因で、実際の訪問者に対してリアルタイムでサイトがダウンする可能性があります。現在のバックアップがあれば、復旧に数時間ではなく数分で済みます。

150万以上のWordPressのプロフェッショナルが、サイトのバックアップ、移行、復元のためにDuplicator Proを使用しています。これは、ローカルサイトをライブサーバーに移行したのと同じツールであり、そこに着いたら運用を続けるのに最適なツールです。

このガイドがお役に立ったなら、こちらもブックマークする価値があります。

• ライブWordPressサイトをローカルホストに移動する方法
• プッシュごとにウェブサイトのステージングサイトをバックアップする方法
• ステージングサイトは必要ですか？
• WordPressをステージングサイトに変換する方法
• よりスマートにコーディング、よりハードにしない：すべてのプロのためのWordPress開発者ツール