こんにちは、mokoichiです。
![悩める人](https://mk196790903.com/wp-content/uploads/2023/09/1237223-300x304.jpg)
WordPressって、どうやって導入したらいいんだろう?WordPressをインストールする方法って色々あるのかな?WordPressをインストールする手順を知りたいな?
こんな疑問を抱えている方、初心者の方に向けて私がお答えしたいと思います。
プログラミング学習を始めて、少しづつスキルか身についてくると、WordPressにも興味を持って、WordPressの学習も始めようかなと思ったりするのではないでしょうか?
本記事では、WordPressを学ぶために、WordPressの導入方法、インストール方法を、今回はLocal by Flywheelを使っての基本的な流れを初心者の方でもわかるように説明していきたいと思います。
動作環境
・Mac Os
・ブラウザ:Google Chrome
・テキストエディタ:Visual Studio Code
Local by Flywheelをインストール
Local by Flywheelを下記からダウンロードしてインストールします。
Local by Flywheelのサイトを開いて、右上のDOWNLOADをクリックします。
![](https://mk196790903.com/wp-content/uploads/2023/08/de65494a1c7dfbbbb244f585409fd2da-1-800x443.jpg)
▼にマウスを当てると、プルダウンでPCのタイプを選ぶようになっています。
![](https://mk196790903.com/wp-content/uploads/2023/08/d2f9fc0dab08ab2013976f49fefa87d8-800x413.jpg)
Windowsの方はWindowsを、Macの方は、MacのintelかApple Siliconを選んでください。ここでは、Mac Apple Siliconを選択してダウンロードしています。
![](https://mk196790903.com/wp-content/uploads/2023/08/556f6ae81ab08b6c45c815168545c088-800x491.jpg)
ご自身の名前、メールアドレス、電話番号を入力し、GET IT NOW!をクリックします。
![](https://mk196790903.com/wp-content/uploads/2023/08/5a5350ed759caa136fcea7265de565cf-800x777.jpg)
click here.をクリックします。
![](https://mk196790903.com/wp-content/uploads/2023/08/9b8d8960fc46f73f6154fb14e6c7c038-800x539.jpg)
[画面の外観モードをダークにしているため、Finderが暗くなっています]
保存先を聞いてきますので、ご自身の好きな場所に保存先を指定してください。保存をクリックします。ダウンロードが始まりますので、少し待ちます。
![](https://mk196790903.com/wp-content/uploads/2023/08/c9f2c1232f618020f7abba415d99e25b-800x451.jpg)
指定した保存先にlocal-7.1.0…rem64.dmgファイルが保存されます。
![](https://mk196790903.com/wp-content/uploads/2023/08/3d4292a337a6dea37018e7778f0f60df-800x404.jpg)
local-7.1.0…rem64.dmgファイルをダブルクリック、もしくは右クリックで開くと下記のようになりますので、Local.appからApplicationsにドラック&ドロップします。
![](https://mk196790903.com/wp-content/uploads/2023/08/f0515551beaa2e4dc2d7d2f707472dac-800x561.jpg)
アプリケーションのフォルダにLocal.appが保存され、インストールが完了します。
![](https://mk196790903.com/wp-content/uploads/2023/08/af7f495e18d986f308f7e4cf864db30c-800x381.jpg)
WordPressのローカル環境を構築する
Local.appを開くと下記の画面が表示されます。左下の+をクリックします。
![](https://mk196790903.com/wp-content/uploads/2023/08/2dac0aaec655efcc3eb9c9cf75950092-800x534.jpg)
Create a new siteを選択し、右下のContinueをクリックします。
![](https://mk196790903.com/wp-content/uploads/2023/08/62cf92864ebefab08774b1022506d9aa-800x534.jpg)
好きなサイト名を入力します。(今回はSite01と入力しました)右下のContinueをクリックします。
![](https://mk196790903.com/wp-content/uploads/2023/08/3301414f890a63007b4125317d9bdcf6-800x534.jpg)
Preferredを選択し、右下のContinueをクリックします。
![](https://mk196790903.com/wp-content/uploads/2023/08/ce1d56bbd847ccab2aec5af6b7281a91-800x534.jpg)
WordPress username、password、e-mailをそれぞれ入力します。右下のAdd Siteをクリックします。
![](https://mk196790903.com/wp-content/uploads/2023/08/dc3fe70241f03d116d293d10e545b167-800x534.jpg)
PCログイン時のパスワードを入力して、OKをクリックするとWordPressがインストールされます。
![](https://mk196790903.com/wp-content/uploads/2023/08/9bd89a6a76dddb968d9e46eeede5d3aa-800x534.jpg)
Site01いうサイトができます。
![](https://mk196790903.com/wp-content/uploads/2023/08/8dc711e2320e8796d19ad8d16647a81c-800x534.jpg)
Site01というWordPressのサイトがローカル環境で出来上がります。
![](http://image.moshimo.com/af-img/4520/000000065515.gif)
WordPressの設定
WP Adminをクリックして、WordPressを立ち上げる。
![](https://mk196790903.com/wp-content/uploads/2023/08/b271d9def9786d46353fb6fdf76d6883-800x534.jpg)
WordPress構築の時設定した、WordPress username、password入力して、Log Inをクリックする。
![](https://mk196790903.com/wp-content/uploads/2023/08/51c0ad2e8a2f1834800562b5a16dfa2b-800x618.jpg)
下記の画面になったら、左下、Settingsにマウスオーバーして、Generalをクリックすると、言語を指定するポップダウンが出てきます。
![](https://mk196790903.com/wp-content/uploads/2023/08/3fdfd9cd5ef40c8224cae867e6492e38-800x419.jpg)
Site Languageで、日本語を選択します。
![](https://mk196790903.com/wp-content/uploads/2023/08/012b11c1c54cec1836b094a032bb42ea-1-800x485.jpg)
![](https://mk196790903.com/wp-content/uploads/2023/08/f2d3f6a5f659875c3f8ad904bb34fb81-800x476.jpg)
下へスクロールして、Save Changesをクリックします。
![](https://mk196790903.com/wp-content/uploads/2023/08/482642bd822a54f63c0c2f13dfa86925-800x476.jpg)
WordPressの表示が日本語に切り替わります。左上のサイト表示をクリックすると、現在のテーマのレイアウトで表示されます。
![](https://mk196790903.com/wp-content/uploads/2023/08/01f9972ec2b68c843996160cbeef1951-800x476.jpg)
![](https://mk196790903.com/wp-content/uploads/2023/08/080bd1fff8b54342ef6a20c877ce3d78-800x476.jpg)
ここまでがLocal by FlywheelによるWordPressの導入、環境構築となります。 最後の表示は、テーマの設定で見え方が変わってくるかと思いますが、基本的な流れは こんな感じになります。
この後の、記事の投稿や、自作テーマの開発などは、別のところでご紹介したいと思います。
まとめ
今回は、Local by Flywheelを使ってのWordPress導入方法、インストール方法をわかりやすく、細かく画像を通してやってみました。私自身も、忘れないようにやっていったつもりなので、初心者の方にもわかるかと思います。わからなかったり、つまづいたりしたら、色々試して挑戦していただきたいと思います。 もし、不明点等ありましたら、お問いわせください。
最後までお読みいただきありがとうございました。