Local(旧Local by Flywheel)というアプリを使って、
ローカル環境にワードプレスサイトを構築する方法
について説明していきたいと思います。
Local(旧Local by Flywheel)って何?
Localというのは、
サクっとWordPressサイトを、
ローカル環境に構築することが出来るアプリです。
専門的な知識もほとんどいらず、
Windows,Mac,Linux環境で動作し、
環境も複数作成する事が出来て、
動作も快適です。
しかも、無料で使うことができます。
- お試しでWordPressを触ってみたい
- 今動いているサイトの確認に使いたい
- お金をかけずに開発したい
こんな悩みのある人の最適解です。
Localのインストールの前に、
何度か出てきた、
“ローカル環境”
について説明していきたいと思います。
ローカル環境って何?
ローカル環境をざっくり説明すると、
自分のパソコン上に構築する自分専用の環境
の事です。
自分のパソコン内に構築するので、
サイトを閲覧出来るのは基本的に自分のみです。
Web上に公開される事はないので、
練習やサイトの確認などの際によく使います。
費用はもちろん無料です。
逆に本番環境は、
Web上に公開されるので、
基本的に誰でも閲覧が可能です。
サーバーというものを借りて、
そこに作成したファイルを置くので、
費用がかかります。
無料で開発の確認はローカル環境で、
有料で公開したいものは本番環境で、
くらいで覚えておいてください。
Localをインストールしよう
それでは早速Localをインストールしていきましょう。
まずはLocal公式サイトを開きます。
![](https://takumi-shimohira.net/wp-content/uploads/da8ba3bf8d335539231d8da98b56bd44-800x453.jpg)
画面左中央の濃い緑色の、
DOWNLOAD FOR FREE
ボタンをクリックします。
クリックすると、
モーダル内にOS選択画面が出てくるので、
自分が使っているOSを選択します。
![](https://takumi-shimohira.net/wp-content/uploads/be410392f3edabbf53c4353173ca12ae-800x453.jpg)
OSを選択すると、この画面になるので、
![](https://takumi-shimohira.net/wp-content/uploads/9a2e81fbcb50f35ad5ae8a74bfada233-800x451.jpg)
名前・ E-Mailなどの情報を入力してください。
情報を入力し、GET IT NOWをクリックします。
インストールがスタートします。
![](https://takumi-shimohira.net/wp-content/uploads/f06b4b02c541e3917eff7d153915501d-800x452.jpg)
インストールが完了すると、
Windowsなら、
デスクトップにLocalのアイコンが、
Macなら、
![](https://takumi-shimohira.net/wp-content/uploads/a5722ad4b5a45ca3c5ec9ea814bc6f44-800x517.jpg)
LocalアプリをApplications内に移動してください。
Application内のLocalを開くと、
このような画面になるので、
![](https://takumi-shimohira.net/wp-content/uploads/71b37dfc825962477d2174f7531e7ea0-800x531.jpg)
Create a new siteをクリックします。
![](https://takumi-shimohira.net/wp-content/uploads/0b236ea2ed5ef4817637ea9e4143bb12-800x535.jpg)
クリックするとこのような画面になるので、
右下のContinueをクリックします。
![](https://takumi-shimohira.net/wp-content/uploads/1765cb930b24d04357567507782d6f8a-800x533.jpg)
続いてサイト名を入力し、Continueをクリック。
![](https://takumi-shimohira.net/wp-content/uploads/cab88c334de2eeb9f113babae1d8941d-800x530.jpg)
こちらも一旦Preferredを選択し、
Continueをクリック。
![](https://takumi-shimohira.net/wp-content/uploads/7ea20746b4ae9607de93bfc291644e43-800x527.jpg)
このような画面になるので、
ユーザー名・パスワード・メールアドレスを設定してください。
ユーザー名・パスワードは、
WordPressサイトにログインする際に必要なので、
忘れないようにメモしておいてください。
入力したら、Add Siteをクリック。
![](https://takumi-shimohira.net/wp-content/uploads/7cd64a97e901ef0f1da5ddc4d0aa5ed0-800x530.jpg)
これでローカル環境に、
WordPressサイトの構築が完了しました。
右上のOpen siteをクリックすると、
作成したサイトが表示されます。
隣のWP Adminをクリックすると、
WordPressのログイン画面が表示されます。
先ほど設定したユーザー名・パスワードを入力すると、
WordPressの管理画面に入れます。
![](https://takumi-shimohira.net/wp-content/uploads/c32479fa3e121faa886021035e31c445-800x431.jpg)
VSCodeで作成したサイトを開くには、
![](https://takumi-shimohira.net/wp-content/uploads/5e02e1c721294fc386549a1c4548e933-800x599.jpg)
この画面からフォルダを開くを選択し、
Local Sites内にある自分が作成した、
WordPressサイトのフォルダを選択してください。
![](https://takumi-shimohira.net/wp-content/uploads/bd640755ef24b6aa7ef6dd3b21a2faf0-800x597.jpg)
下記のような画面になれば、
VSCodeで編集出来るようになります。
![](https://takumi-shimohira.net/wp-content/uploads/1c58a29e51c75042bf1f58c212ec5198-800x600.jpg)
これでサイトの初期設定は完了です。
これからどんどん開発して行きましょう!!
コメント