《12/4まで》XServerで半額キャッシュバックキャンペーン実施中!

【無料】WordPressテスト環境作りは「Local」で!作り方と使い方を解説

【無料】WordPressテスト環境作りは「Local」で!作り方と使い方を解説

当サイトはアフィリエイト広告を利用しています。

WordPressをアップデートしたいときや、テーマを変更したいとき、本番環境でいきなり実施すると、エラーや表示崩れが起こることがあります。まずはテスト環境で試してみて、問題なければ本番環境で実施する(またはテスト環境のデータを本番環境に移行する)というのが安全です。

WordPressのテスト環境作りは難しいイメージがあるかもしれませんが、「Local」という無料ソフトを使えば初心者でも簡単に作れますよ。

そこで今回は、LocalでのWordPressテスト環境の作り方やLocalの基本的な使い方について解説します。

Localとは

Local

Local(旧Local by Flywheel)は、ローカル環境にWordPressサイトを作成できる、海外製のフリーソフトです。

Localを使えば、パソコンのストレージ上に好きなだけWordPressサイトを作成できます。また作成したWordPressサイトはスマホなどパソコン以外のデバイスで確認することや、あとからPHPのバージョンを変更することなどもできます。

LocalでWordPressテスト環境を作成する手順

LocalでWordPressテスト環境を作成する手順は以下のとおりです。

  1. Localをダウンロードする
  2. Localをインストールする
  3. Localの利用規約に同意する
  4. Localアカウントを作成する
  5. Localのレポートの有効化の有無を選択する
  6. LocalでWordPressサイトを作成する

手順1:Localをダウンロードする

まずは公式サイトからLocalをダウンロードします。

Localの公式サイトにアクセスし、「DOWNLOAD FOR FREE」をクリックします。

ダウンロードページへ移動する

「Please choose your platform」からお使いのOSを選択します。

OSを選択する

組織タイプ(フリーランスなら「Independent Freelancer/Consultant」、個人なら「Other」)を選択し、メールアドレスを入力して「GET IT NOW!」をクリックします。するとLocalのダウンロードが開始されます。

ダウンロードを実行する

手順2:Localをインストールする

Localのダウンロードが完了したら、次にLocalをインストールします。

保存先を開いてexeファイルをダブルクリックで起動します。

exeファイルを起動する

すると「Localセットアップ」画面が開くので、まずどのユーザーにインストールするか選択して「次へ」をクリックします。よくわからない場合はそのままでOKです。

インストールするユーザーを選択する

Localのインストール先を選択して「インストール」をクリックします。よくわからない場合はそのままでOKです。

インストール先を選択する

インストールが開始されるので、完了するまでしばらく待ちます。完了すると「Localセットアップウィザードは完了しました」と表示されるので、「Localを実行」にチェックが付いていることを確認して「完了」をクリックします。

インストールが完了した

手順3:Localの利用規約に同意する

Localのインストールが完了したら、次にLocalの利用規約に同意します。

「I have read and agree to Local’s Terms of Service」にチェックをつけて「I agree」をクリックします。

利用規約に同意する

手順4:Localアカウントを作成する

Localの利用規約に同意したら、次に無料のLocalアカウントを作成します。アカウントを作成することでさまざまな便利機能が解放されます。

「Create a free accont」をクリックします。

アカウント作成画面を開く

するとアカウント作成画面が開くので、名前、メールアドレス、パスワードを入力して「Create your account」をクリックします。

アカウントを作成する

Local Teamからの「Finish creating your Local account」という件名のメールを開き、「Verify email address」をクリックします。

メールのリンクをクリックする

「Welcome to your Local account!」と表示されたらアカウント作成完了です。

アカウントが作成された

手順5:Localのレポートの有効化の有無を選択する

Localアカウントの作成が完了したら、次にLocalのレポートの有効化の有無を選択します。

Localに戻ると「Is it ok to enable error reports?」と表示されているので、「Turn on error reporting」または「No,thanks」をクリックします。これはエラーレポートを有効化するかどうかの確認になります。

エラーレポートを有効化するかどうか選択する

「Is it ok to enable usage reporting?」と表示されたら、「Turn on usage reporting」または「No,thanks」をクリックします。これは使用状況レポートを有効化するかどうかの確認になります。

使用状況レポートを有効化するかどうか選択する

手順6:LocalでWordPressサイトを作成する

Localのレポートの有効化の有無を選択したら、最後にLocalでWordPressサイトを作成します。

「Create a new site」をクリックします。

サイトの作成画面を開く

「Create a new site」を選択して「Continue」をクリックします。

新規サイトを作成する

WordPressサイトのドメインを入力して「Continue」をクリックします。たとえば「wapufure-test」と入力した場合は「wapufure-test.local」というドメインでWordPressサイトが作成されます。

サイトのドメインを入力する

「Preferred」を選択して「Continue」をクリックします。PHPバージョン、Webサーバー、データベースなどをカスタマイズしたい場合は「Custom」からカスタマイズしてください。

環境設定をする

WordPress管理画面にログインする際のユーザー名、パスワード、メールアドレスを入力して「Add Site」をクリックします。

WordPressのアカウント設定をする

「Windowsセキュリティ」画面や「ユーザーアカウント制御」画面が表示されたら、すべて「許可」または「はい」をクリックします。しばらくすると以下のような画面になり、WordPressサイトの作成が完了します。

WordPressサイトが作成された

Localの基本的な使い方

それでは、Localの基本的な使い方について解説します。

  • WordPressの管理画面を開く
  • サイトを日本語化する
  • サイトのフォルダを開く
  • サイトのPHPのバージョンを変更する
  • 別のデバイスでサイトを確認する
  • サイトを新規作成する
  • サイトを削除する
  • Localを終了する

WordPressの管理画面を開く

WordPressの管理画面を開くには、Localのサイト一覧から対象のサイトを選択し、「Start site」⇒「WP Admin」をクリックします。

WordPressの管理画面を開く

するとWordPressの管理画面へのログイン画面が開きます。ログインするには、サイト作成時に設定したユーザー名とパスワードを入力します。

WordPress管理画面へのログイン画面が開いた

サイトを日本語化する

Localで作成したサイトは日本語化されていないので、初回ログイン時に日本語化しておきましょう。

日本語化するには、まず管理画面にログインして「Settings」⇒「General」をクリックします。

設定ページへ移動する

「Site Language」で「日本語」を選択⇒「Timezone」で「UTC+9」を選択⇒「Save Changes」をクリックします。

言語とタイムゾーンを日本にする

これでサイトが日本語化されます。タイムゾーンを日本に合わせたので、時刻も日本時間になっています。

サイトが日本語化された

日本語化が完了したら、必要に応じて「日付形式」や「時刻形式」も変更しましょう。日本の場合、日付形式は「Y年n月j日」が、時刻形式は「H:i」が良いかと思います。設定を変更したら「変更を保存」をクリックしましょう。

必要に応じて日付形式や時刻形式も変更する

サイトのフォルダを開く

サイトのフォルダを開くには、Localのサイト一覧から対象のサイトを選択し、「Go to site folder」をクリックします。

サイトのフォルダを開く

するとエクスプローラーでサイトのフォルダが開きます。

エクスプローラーでサイトのフォルダが開いた

ここから「app」⇒「public」⇒「wp-content」と開くと、「plugins」「themes」「uploads」などのフォルダが表示されます。

wp-contentフォルダの中身

サイトのPHPのバージョンを変更する

サイトのPHPのバージョンを変更するには、まずLocalのサイト一覧から対象のサイトを選択し、「PHP version」のドロップダウンリストから希望のバージョンを選択して「Apply」をクリックします。

PHPのバージョンの変更に同意する

「Change PHP version」と表示されたら「Apply changes」をクリックします。

PHPのバージョンの変更を確定する

PHPバージョンの横に「Details」と表示されたら変更完了です。

PHPのバージョンが変更された

別のデバイスでサイトを確認する

スマホなど別のデバイスでサイトを確認するには、「Live Link」を有効化します。

まずLocalアカウントでログインします。Localアカウントのログイン画面はLocalのユーザーアイコン⇒「Log in to Local」をクリックすると開きます。

Localアカウントのログイン画面を開く

ログインしたらLocalに戻り、サイト一覧から対象のサイトを選択して「Live Link」の横の「Enable」をクリックします。

Live Linkを有効化する

「Live Link」の先頭の●が緑色に変わったらLive Linkが有効になった合図です。「Live Link」をクリックし、サイト表示用のURL(Live Link)、ログイン用のユーザー名(Username)、ログイン用のパスワード(Password)を確認しましょう。

Live Linkが有効化された

「Live Link」のURLにアクセスするとユーザー名とパスワードが要求されるので、「Username」と「Password」を入力します。

Live LinkのURLにアクセスする

するとLocalで作成したサイトが表示されます。

Localのサイトが表示された

サイトを新規作成する

サイトを新規作成するには、まずLocalの+マークをクリックします。

サイトの作成画面を開く

すると以下のような画面になります。以降の手順は最初にサイトを作成したときと同じです。

サイトの作成画面が開いた

サイトを削除する

サイトを削除するには、Localのサイト一覧から対象のサイトを選択し、「⋯」⇒「Delete」をクリックします。これでサイトが削除されます。

サイトを削除する

Localを終了する

Localを終了するには、まずLocalの「Stop all」をクリックして、起動中のサイトをすべて停止します。

起動中のすべてのサイトを停止する

「0 sites running」という表示に変わったら、右上の×マークをクリックしてLocalを閉じます。これでLocalが終了します。

Localを閉じる

WordPressのテスト環境を本番環境に移行する手順

Localで作成したWordPressテスト環境を本番環境に移行する手順は以下のとおりです。

  1. テスト環境でサイトデータをエクスポートする
  2. 本番環境にサイトデータをインポートする

なお、エクスポート・インポートにはプラグイン「All-in-One WP Migration」を使います。あらかじめテスト環境・本番環境の両方でAll-in-One WP Migrationをインストール・有効化しておきましょう。

プラグインをインストール・有効化する方法については以下の記事で解説しています。

手順1:テスト環境でサイトデータをエクスポートする

まずテスト環境のWordPress管理画面にログインし、「All-in-One WP Migration」⇒「エクスポート」をクリックします。

エクスポートページへ移動する

「エクスポート先」⇒「ファイル」をクリックします。

ファイルでエクスポートする

「(ドメイン名)をダウンロード」というボタンが表示されたらこのボタンをクリックしてエクスポートファイルをダウンロードします。

エクスポートファイルをダウンロードする
MEMO

Chromeの場合、ダウンロードしようとすると「安全でないダウンロードがブロックされました」とメッセージが表示され、ダウンロードがブロックされますが、このメッセージの右上の「保存」をクリックするとダウンロードが続行されます。

手順2:本番環境にサイトデータをインポートする

テスト環境でサイトデータをエクスポートしたら、次に本番環境にそのデータをインポートします。

本番環境のWordPress管理画面にログインし、「All-in-One WP Migration」⇒「インポート」をクリックします、

インポートページへ移動する

さきほどダウンロードしたエクスポートファイル(wpressファイル)を画面にドラッグ&ドロップします。

エクスポートファイルを画面にドラッグ&ドロップする

「インポート処理により、データベース、メディア、プラグイン、テーマを含むサイトのデータが上書きされます。次の手順に進む前に、必ずデータのバックアップを作成してください」と表示されたら「開始」をクリックします。

インポートを開始する

「サイトをインポートしました」と表示されたら「完了」をクリックします。

インポートが完了した

これでテスト環境から本番環境への移行は完了です。本番サイトを表示し、問題なく移行されているか確認してみてください。

まとめ

今回は、LocalでのWordPressテスト環境の作り方やLocalの基本的な使い方について解説しました。

Localの操作画面は英語ですが、シンプルなので日本人でも直感的に操作できます。WordPressの作成方法も簡単ですし、別のデバイスでサイトを確認できるなど便利な機能も搭載されていますので、WordPressのテスト環境を作りたい方はぜひLocalをお試しください。