ローカルのWordPress環境を構築する

## WordPressのインストールと初期設定

XAMPPを使用してWordPressをインストールし、管理画面にログインするまでの手順をご紹介します。この記事は、XAMPPが既にインストールされていることを前提としています。

XAMPPのインストールについてはこちらの記事をどうぞ

https://qiita.com/masatosama1012/items/acd64f0dea5b5f27ddba


### ステップ1: WordPressのダウンロード
1. [WordPress公式サイト](https://ja.wordpress.org/download/)にアクセスします。
2. 最新版のWordPressをダウンロードします。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/4387ab06-1ada-bb43-fe36-924f17ae7cbb.png)
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/06311a1b-da90-1a4c-fb0b-cba213cb2df1.png)


3. ダウンロードしたファイルを解凍し、中に含まれるWordPressフォルダを見つけます。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/c7205558-b5a2-af6c-95eb-6c81221f62e8.png)


### ステップ2: WordPressフォルダの移動
1. 解凍したWordPressフォルダを、XAMPPのhtdocsフォルダ内に移動します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/3062ab36-3f71-03b6-18af-dcce1409d477.png)

### ステップ3: XAMPPを起動
XAMPPコントロールパネルを開き、これらのサービスを起動します。これにより、ローカルサーバーが稼働し、WordPressのインストールが可能になります。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/6354a79f-4a43-4c1b-5341-52d76d61b7b8.png)



### ステップ3: データベースの作成
1. ブラウザでlocalhost/phpmyadminにアクセスします。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/6f720ec9-399b-df65-f2a4-0291e271492a.png)

2. 「データベース」タブをクリックし、新しいデータベースの名前を入力します。
    ここでは「WordPress」で作成します。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/99fd7de3-0223-2782-8827-bd1c29f26175.png)

3. 「作成」ボタンをクリックしてデータベースを作成します。
    以下のように遷移すればデータベースの作成は完了です。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/4aac28dd-3b5d-4ed2-8512-4ba1540d39a3.png)


### ステップ4: WordPressの設定
1. ブラウザでlocalhost/WordPressにアクセスします。
    さぁ始めましょう！を押下
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/1d08aa86-b025-9e3f-e0df-3e7ff72c8a32.png)

2. データベース名、ユーザー名（デフォルトはroot）、パスワード、データベースホスト（デフォルトはlocalhost）、テーブル接頭辞（変更する必要はありません）を入力します。
    「送信」をクリックします。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/b23cc7e4-4839-d964-dcb9-fbe28e0b3cee.png)
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/f9ff9204-0ee5-2646-3a98-f5237368b349.png)
    ※ここでのハマり
    「送信」押下時に以下のエラーが発生
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/a0af4c2f-be6b-69ee-e1c9-72fcbf77bb76.png)
    【原因と解消メモ】画像取得忘れた…
    作成したDB「WordPress」にパスワードが設定されていなかった。
    PhpAdminパスワードの設定。
    ↓
    PhpAdminに入れなくなる。
    ↓
    ダウンロードディレクトリ：xampp\phpMyAdmin\config.inc.php内以下を書き換えたところ解消
    `$cfg['Servers'][$i]['password'] = '設定したPW';`
    



### ステップ5: インストールの実行
1. サイトのタイトル、ユーザー名、パスワード、メールアドレスを入力します。
2. 「WordPressをインストール」ボタンをクリックします。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/4bccc3e5-73dd-628c-44df-89938d90e822.png)
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/d2cfd130-221c-193a-d5a9-cec9d2230cab.png)


### ステップ6: 管理画面へのログイン
1. インストールが完了すると、ログインページが表示されます。
2. 作成したユーザー名とパスワードでログインします。
     ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/9de860f1-bb87-0e7b-9aef-d6e775cd6129.png)
    


これでWordPressのインストールから管理画面へのログインまでの手順は完了です。
以降サイトの作成やカスタマイズについては設定を進めるのと同時に書いていこうと思います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/bcc07287-2d55-f9a0-6bb3-e81934037a9f.png)