XAMPPでWordPressのローカル開発環境を構築していく

## 開発環境
・Windows10
・WordPress 5.9（当時最新バージョン）
・XAMPP 7.4.27

## 構築手順
### １、XAMPPのインストール
XAMPPのインストーラーをダウンロードしたいので[XAMPP公式サイト](https://www.apachefriends.org/jp/index.html)に移動

**※現時点（2022/05）でWordPressはPHP8に対応していないため、PHP7のXAMPPを使います。**
「その他のバージョンについては・・・」を選択
![スクリーンショット 2022-06-10 111305.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/d93e2e83-ea08-9b4c-cae4-9d2dc4707781.png)
PHP7に対応しているXAMPPの「Download」を選択
![スクリーンショット 2022-06-10 111423.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/8aa436a5-0ada-25a7-242e-253defb35411.png)
ダウンロードしたインストーラーを起動
![スクリーンショット 2022-06-10 111540.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/592d80f7-f103-3f47-9cf6-49c356937782.png)
Next
![スクリーンショット 2022-06-10 114218.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/842a1a0d-be74-ff7f-11aa-2f5f0473a209.png)
インストール内容の選択です。
利用する機能にチェックを入れ、Nextを押下。
よく分からなければそのままでもいい。
![スクリーンショット 2022-06-10 114503.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/11ebe253-caa6-c6df-cad5-268d510d51c0.png)
インストール先のフォルダ指定です。
よく分からなければそのままでもいい。
![スクリーンショット 2022-06-10 114823.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/ea0c5e4b-3762-f44b-c02d-1179be28c87e.png)
言語選択です。
日本語はないのでEnglishでいいでしょう。
![スクリーンショット 2022-06-10 115018.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/569b928f-1084-4a9f-a273-b98c9dac9018.png)
XAMPPのアドオンに関する説明を表示するかの有無です。
いらないのでチェックを外してNextを押下。
![スクリーンショット 2022-06-10 115223.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/2d140d50-88ae-1d8a-0aa8-453aff7faa67.png)
Next押下
![スクリーンショット 2022-06-10 115801.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/cefa92f2-122a-3d14-da45-afa5bd09e6a1.png)
インストールが完了するまで待つ。
![スクリーンショット 2022-06-10 115916.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/19995bec-bcd7-f18d-02c2-ee91bc2d5877.png)
Finish押下
![スクリーンショット 2022-06-10 121143.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/b418996e-ea3a-0a5d-0332-94d7def55cbb.png)

### ２、XAMPPにWordPressで使うデータベースを作成
インストールが完了したら、XAMPPのコントロールパネルを開く
XAMPPのコントロールパネルの場所例：C:\xampp\xampp-control.exe
![スクリーンショット 2022-06-10 112516.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/e4bf0029-4d6b-3c6b-3ba6-33037ff45c54.png)
ApacheとMySQLを起動し、MySQLの「Admin」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/8e53f587-4196-a9c1-67db-e927a9b11345.png)
phpMyAdminが起動したら、データベースタブを選択
![スクリーンショット 2022-06-10 111941.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/fb4de86a-a45e-6b10-b4e4-f2181bbedded.png)
データベース名と照合順序を入力し、「作成」を押下
データベース名は好きな名前で。今回は分かりやすくデータベース名は「wp_test」
照合順序は「utf8_general_ci」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/dcec0af4-56e8-e8a5-87e1-35984e258dbf.png)
左のデータベースのリストに追加されていたら作成完了。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/60bbb45c-e912-4e2d-a207-0b510a52ff78.png)

### ３、WordPressのダウンロード
[WordPress公式サイト](https://ja.wordpress.org/)からWordPressをダウンロードする。

公式サイト（日本）のトップページの右上辺りにある「WordPressを入手」をクリックします。
![images.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/11150a46-189e-c586-933f-7a248bfe7541.png)
ダウンロードボタンをクリックすると、ダウンロードが開始される。
![images.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/7775ad90-21e5-075d-7fda-5c63f5daa63a.png)

### ４、WordPressをXAMPPにインストール

ダウンロードしたzipファイルを解凍
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/d92ff099-f5aa-28f9-d0c2-0471f0afbe1c.png)
今回は分かりやすくするために解凍したフォルダをデータベース名と同じ名前に変更
この名前がドメイン名となり、アクセスできるようになります。
例：http://localhost/wp_test
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/903953b2-b941-aa97-dce9-9b9de94cbfc0.png)

解凍したフォルダをxamppのhtdocsフォルダにまるごと移動
移動先：C:\xampp\htdocs

ブラウザからURLを入力してWordPressを起動
今回の場合はhttp://localhost/wp_test

「さあ、始めましょう！」を選択
![images.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/5a5fbd7e-4687-42b8-3325-216b054f40bd.png)
WordPressを使用するデータベース情報を入力し、「送信」を押下
データベース名：WordPress用に作成したデータベースの名前を入力（今回はwp_test）
パスワード：デフォルトの場合、未入力
データベースのホスト名：デフォルトの場合、「localhost」
テーブル接頭辞：デフォルトの場合、「wp_」

「インストール実行」を押下
![images.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/85d54a96-311e-6247-94ee-ac73d8d9d002.png)
サイト情報を入力して、「WordPressをインストール」を押下
※ユーザー名とパスワードはWordPressにログインするときに必要なので忘れないように
※「検索エンジンがサイトをインデックスしないようにする」というのは、検索エンジンに登録され、検索結果として表示されるようになること

「ログイン」を押下

ユーザー名、パスワードを入力
![スクリーンショット 2022-06-10 112801.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2513616/1aae61d7-913c-a23f-4036-f6c0158192ca.png)
管理画面が表示できたら完成