MacのローカルにWordPessを構築する。

MACのローカルにWordPressを構築する手順です。
テレワークで時間ができたので、久々にWPでサイト作ろうと思いメモがてら書いてます。
参考になればLGTMボタン押してください、やる気が数％上がります。
やる気が６０％に達するとWordPressのテーマの作り方のなが〜い記事書くかもしれない多分

あまり環境には依存しないと思いますが一応
MAC：Mac book Pro 2017 13inc OS 10.15.4
MAMP: V5.7
WordPress: 5.4
書いてる人:やる気３０％

#1.MAMPをインストール
WordPessをローカル（PC内）で動作させるには、PC内で仮想のサーバーを構築しないといけない
そこで、超簡単に仮想サーバーを作ってくれるのがMAMPというアプリ

MAMPのダウンロードはこちら
https://www.mamp.info/en/downloads/
<img width="1380" alt="スクリーンショット 2020-04-10 13.25.54.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/bdaea869-e4af-d53c-e259-2c8cb6c29b6d.png">

ダウンロードができたら実行インストールします。
<img width="622" alt="スクリーンショット 2020-04-10 12.40.04.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/3921e5e4-8250-02d3-a5a6-ef583a1c543b.png">

インストールが完了すると、有料版のMAMP PROと、無料版のMAMPがアプリケーションに出現します。
無料版のMAMPを起動しましょう！
ちなみにPRO版は使ったことないから何がPROなのか分からん
<img width="381" alt="スクリーンショット 2020-04-10 12.41.34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/1fecd7b7-2255-e7a4-e443-eb0874d9787d.png">

右側のStart Serversをクリックすることで、仮想サーバーを起動できます。
<img width="539" alt="スクリーンショット 2020-04-10 12.41.56.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/5608409c-8658-4b4d-7dd7-305d8bb44bab.png">

仮想サーバーが立ち上がると自動で、MAMPのローカルサイトが表示されます。
<img width="1383" alt="スクリーンショット 2020-04-10 13.06.09.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/21f3a3d5-aa2a-6978-c6df-53c68b77dcc3.png">

# ２．WordPress用のデータベースを作成
データベースを作るってなんか小難しそうだけど、パソコンでフォルダを作るみたいなもんです。多分

ローカルMAMPページの「TOOLS」　→　「PHPMYADMIN」をクリックします。
<img width="1080" alt="スクリーンショット_2020-04-10_13_06_20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/ecb864c4-54cd-f19a-cf81-e6c5517f2b22.png">

クリックするとなんだか古めかしいページが現れるので、
左上のデータベースをクリック
<img width="1085" alt="スクリーンショット_2020-04-10_13_07_02.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/4b919e8b-3e1e-42d3-da66-e6ecd2eb920a.png">

すると、仮想サーバーのデータベースが表示されます。
ココにWordPress用のデータベースを作ります。
<img width="1080" alt="スクリーンショット 2020-04-10 13.07.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/0204d6b1-99e1-f7f8-34ea-70f169b696f7.png">

作り方は超簡単、データベース名のところに「wordpress」と入力して作成ボタンをクリックするだけ
<img width="1080" alt="スクリーンショット_2020-04-10_13_07_13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/b7200ecb-1b1f-43b1-63de-011022b29329.png">

はいできました
<img width="1080" alt="スクリーンショット_2020-04-10_13_07_24.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/5ef48cf5-c3c2-ea76-0ab7-1616b4cf4d7c.png">

# 3.WordPressをインストール
やっと、待ちに待ったWordPressをインストールしていきます。
まずは、WordPressをダウンロードしましょう。

WordPress日本語版のダウンロード
https://ja.wordpress.org/download/

<img width="1377" alt="スクリーンショット 2020-04-10 12.44.54.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/5a067e23-d20e-5428-71a2-de41f8b01a54.png">

ダウンロードが完了したら、ファイルを解凍します。

解凍したファイルをフォルダごと、以下に突っ込みます。
「アプリケーションフォルダ」　→　「MAMP」　→　「htdocs」
<img width="631" alt="スクリーンショット_2020-04-10_13_09_11.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/aa955739-5306-0a3a-af00-3dceb84113b5.png">

これで、下準備は完了！

次に、Webブラウザで、以下のURLにアクセスします。
http://localhost:8888/wordpress/

アクセスすると、WordPressのインストール画面が登場するので、始めちゃいましょう！
<img width="1080" alt="スクリーンショット 2020-04-10 13.10.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/8e48781a-540a-5f93-457b-cf45474066f1.png">

データベースの情報を入力していきます。おそらく、以下の通りでないと送信ボタンをクリックしてもNGになります。
データベース名       ：wordpress
ユーザー名　         ：root (MAMPのデフォルトらしい）
パスワード           ：root (MAMPのデフォルトらしい）
データベースのホスト名 ：loalhost
テーブル接頭辞      :wp_

入力したら、送信をクリック
<img width="1080" alt="スクリーンショット 2020-04-10 13.10.13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/ece5a150-bd94-d4bf-77d9-8aa9430b03f2.png">

インストール実行をクリック
<img width="1080" alt="スクリーンショット 2020-04-10 13.10.17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/fdd72cde-a6cd-cd91-c25d-a0ff9597fbaa.png">

WordPressのサイト情報などを入力して、「WordPressをインストール」をクリックしましょう。
ユーザー名、パスワードなどは、ログイン時に使うので覚えておいてね
<img width="1440" alt="スクリーンショット 2020-04-10 13.11.44.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/01937185-69cc-6299-c373-5240a9beaf51.png">

はい、これで無事インストール完了です。
早速ログインボタンを押してログインしましょう
<img width="1080" alt="スクリーンショット 2020-04-10 13.13.18.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/63ffd62a-5dbe-c5d2-c930-a1cbc33f5546.png">

ユーザー名とパスワードを入力してWordPressにログインします。
Chromeは賢いので覚えてくれてます。
<img width="1080" alt="スクリーンショット 2020-04-10 13.13.32.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/b9e17f0b-0d0d-2cae-bb32-5b319ca0996b.png">

これで、無事WordPressのダッシュボードが表示されました。
<img width="1440" alt="スクリーンショット 2020-04-10 13.13.42.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/256408/43ebfbb1-91f0-73c2-d925-0cb8810250b5.png">

WordPressを使うときは、
１．MAMPを起動する。
２．http://localhost:8888/wordpress/
　　にアクセスする
の手順で