手軽に「WordPress」の開発環境を作成できる「Local(ローカル)」を使って、
実際にローカル環境を構築する手順をまとめてみました。
10分もあれば作成できてしまうので、ぜひ活用いただければと思います!
「Local」のダウンロード
以下のURLにアクセスして、「Local」をダウンロードします。
「Local」のWebサイトにアクセスできたら、画面右上の「DOWNLOAD」をクリックします。
その後、プラットフォームの選択が表示されるので、ご自身で利用されているOSを選択します。
筆者の場合は、Mac OSを利用しているため、Macを選択しました。
ユーザ情報を入力する画面が表示されるので、「Email」だけ入力して、「GET IT NOW」をクリック。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.19.28-1024x495.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.20.44-1024x582.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.21.04-1024x618.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.24.08.png)
以上のステップでインストーラーがダウンロードされます。
「Local」のインストール
ダウンロード完了後、「Local」のdmgファイルを開き、インストールします。
(MacOSの場合は「ドラッグ&ドロップ」でインストールが可能です。)
あとは、アプリケーションに追加された「Local」を開くだけです。
アプリケーション起動後に英字の「利用規約」が表示されますが、チェックを入れて、「I agree(同意)」を選択します。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.26.24-1024x701.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.27.35.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.28.54-1024x911.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.30.02-1024x687.png)
以上で、インストールは完了です。
Webサイトを構築する
実際に、Webサイトを構築して開発環境を作成してみます。
「+ CREATE A NEW SITE」ボタンをクリックします。
「Create A New Site」と「Create from a Blueprint」と2つの選択肢が表示されます。
ここでは、「Create A New Site」を選んだまま「Continue」をクリックします。
「What’s your site’s Name?」と表示されるので、入力欄に「サイト名」を入力します。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.31.12-1024x561.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.33.48-1024x685.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.35.35-1024x678.png)
開発環境について、PHPのバージョンやSQLのバージョン・Webサーバの種類をカスタマイズできます。
特に問わない場合は、そのまま進みます。
次に、WordPressの「ユーザ名」「パスワード」「メールアドレス」を設定します。任意の値を入力し、「Add Site」をクリックします。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.37.42-1024x646.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.39.35-1024x644.png)
サイトが作成されました!
一覧ページに作成したサイト名が表示されるようになります。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.42.20-1024x643.png)
作成したサイトにアクセス・管理者ログインする
アクセス・管理者にログインする方法はとても簡単です。
画面右上の「WP Admin」と「Open Site」それぞれのボタンでアクセスが可能です。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.42.20.png)
以下のように画面が切り替わります。
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.44.49-1024x390.png)
![](https://nllllll.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-14.47.52-1024x550.png)
あとは、通常通り開発環境として利用すればOKです!