こんにちは、tatsukiです。
『WordPressのローカル開発環境の構築方法を知りたい!』
このサイトではそんな方に向けて簡単に全手順を紹介します。
自身のブログのカスタマイズや、案件などで必須となる知識なので
しっかり覚えておきましょう。
最初は難しそうに思えてハードルが高く感じますが、超簡単にできるので
安心してください。
今回は
・「Local (by flywheel)」
での環境構築方法を紹介します。
Local (by flywheel)とは?
Local (by flywheel)はWindowsとMacで利用できるローカル開発環境をつくるアプリケーションです。
WordPressを開発するためにいちいちドメインとサーバーを用意するのは、大変で面倒です。
そこで、Local (by flywheel)を使うことで快適にWordPress開発ができるようになります。
![](https://tatsuuublog.com/wp-content/uploads/2020/08/aab389b6fb46409dedb7de0db5da4d4d-1024x505.png)
他にもLocal by flywheelにはこのような特徴があります。
・簡単にPHPのバージョンを変更できる
・複数のプロジェクト、開発環境を管理できる
・環境を構築した後も設定を変更できる
・ローカル環境でSSLを使用できる
・プロジェクトのクローンを簡単に作成できる
なんの事かわからないかもしれませんがとにかくすごくて、安全です。
構築手順
それでは、実際に手順を簡単に紹介していきます
ダウンロード
Local (by flywheel)の公式ホームページからアプリケーションをダウンロードしていきます。
![](https://tatsuuublog.com/wp-content/uploads/2020/08/a6a011b15eb3f2e097ec90202b3ddf5a-1024x97.png)
ページ右上の『DOWNLOAD』をクリック
![](https://tatsuuublog.com/wp-content/uploads/2020/08/1f6481e3ab9e89d5d7d6512f86f8e208-885x1024.png)
こちらを入力します。
メールアドレスは適当なものでも大丈夫です。電話番号も任意です。
『GET IT NOW!』をクリック。
![](https://tatsuuublog.com/wp-content/uploads/2020/08/dbaefae4bd7bd6b34012ab60fc7c48cc-1024x635.png)
インストール
インストールされたらファイルを開いて
![](https://tatsuuublog.com/wp-content/uploads/2020/08/7fe3be7cf81392f940876f41c1d66375.png)
Macの場合は『Local.app』を『Applications』にドラッグ&ドロップします。
![](https://tatsuuublog.com/wp-content/uploads/2020/08/d3b88471da8f5c6468bccf774a5b2677-1024x723.png)
![](https://tatsuuublog.com/wp-content/uploads/2020/08/02840475690ed73ba0739b4f93e26e12-1024x718.png)
コピーしたらアプリを開きます。
![](https://tatsuuublog.com/wp-content/uploads/2020/08/cba94cfc4abfbe69c8ba63aa96db4cb7.png)
こちらは開くで大丈夫です。
![](https://tatsuuublog.com/wp-content/uploads/2020/08/32e9510477bafdbdc135f0bb23d4c7e3-1024x640.png)
これでインストール完了です。
初期設定
それでは実際にサイト作っていきます。
![](https://tatsuuublog.com/wp-content/uploads/2020/08/32e9510477bafdbdc135f0bb23d4c7e3-1-1024x640.png)
新しくサイトを作るのであれば、左下のプラスマークをクリックします。
![](https://tatsuuublog.com/wp-content/uploads/2020/08/83e17b5b9a769baeaea068d5d7c83cc9-1024x684.png)
サイトの名前を入力してCONTINUE
![](https://tatsuuublog.com/wp-content/uploads/2020/08/043d8cd975161ff657c1d8244b27c56b-1024x684.png)
こちらはこのままCONTINUE
![](https://tatsuuublog.com/wp-content/uploads/2020/08/ccb11900aa4ca379ef97667e85119bbd-1024x682.png)
自由に決めて入力して『ADD SITE』
![](https://tatsuuublog.com/wp-content/uploads/2020/08/b365312444feed663d5778cbf438c985-1024x684.png)
すこし待ちます。
![](https://tatsuuublog.com/wp-content/uploads/2020/08/20dd690cc5554e1f15d2a769bd655d38-1024x683.png)
これでローカル開発環境の構築が完了しました。
おまけ(初期設定)
『ADMIN』をクリックすると先ほど自身で決めたUsernameとPasswordを
入力する画面にいくので入力して『Log In』します。
![](https://tatsuuublog.com/wp-content/uploads/2020/08/11a91ed9c033e12c8f43be1e24e05fb8.png)
そうすると、管理画面にいきます。
最初は英語表記でわかりづらいので、『Settings』をクリック
![](https://tatsuuublog.com/wp-content/uploads/2020/08/e6a3e703a5f3a9f340577fa079809433-1024x504.png)
![](https://tatsuuublog.com/wp-content/uploads/2020/08/caa02059b06999abe8e5326c5ed282b3.png)
こちらのSite Languageを『日本語』にします。
変更を保存するのを忘れずにしましょう。
![](https://www11.a8.net/0.gif?a8mat=3BK37P+5URGXE+CO4+6CHB5)
まとめ
はい、お疲れさまでした。
ローカル環境の構築は思っていたより簡単でしたね。
他の方法もあるので、気になる方は見てみてください。
わたしも最初は難しいと思っていましたが、知ってしまえば簡単ですよね
これでWordPressの開発、カスタマイズができます
WordPress開発楽しんでいきましょう!