XAMPPにWordPressをインストールしたときの覚書
![XAMPPにWordPressをインストールしたときの覚書](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install.png)
XAMPPにWordPressをインストールするとき、いつも「どうやるんだっけ」になるので、今回はスクショを撮りながら作業しました。
そのときのインストール手順を書き留めておきます。
データベースの作成
WordPressをインストールするには、データベースが必要です。phpMyAdminを使ってデータベースを作成します。
![XAMPP コントロールパネル](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install101.png)
XAMPPのコントロールパネルを起動して、ApacheとMySQLの「Start」をクリック。
![XAMPP コントロールパネル](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install102.png)
MySQLの「Admin」をクリック。
![phpMyAdmin ログインページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install103.png)
「ユーザー名」と「パスワード」を入力して、「実行」をクリック。
- ユーザー名:変更していなければroot
- パスワード:設定していなければ空欄
![phpMyAdmin トップページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install104.png)
「データベース」をクリック。
![phpMyAdmin データベース作成ページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install105.png)
「データベース名(任意の半角英数字)」を入力して、「照合順序」を選択したら、「作成」をクリック。
照合順序は、絵文字を使うならutf8mb4_general_ciで、使わないならutf8_general_ciでいいのかなと思います。
![phpMyAdmin データベース構造ページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install106.png)
左側のナビゲーションツリーにデータベースが追加されます。
WordPressのインストール
WordPressの日本語公式サイトからWordPressを入手します。
ダウンロード
![WordPress トップページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install201.png)
「WordPressを入手」をクリック。
![WordPress ダウンロードページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install202.png)
「WordPressをダウンロード」をクリック。
僕がダウンロードしたときのバージョンは5.2.1でした。
![保存ウィンドウ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install203.png)
任意の保存場所を選択して、「保存」をクリック。
![PC ダウンロードフォルダ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install204.png)
ダウンロードしたwordpress-5.2.1-ja.zip
を右クリックして、「すべて展開」をクリック。
![圧縮(ZIP軽視)フォルダの展開ウィンドウ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install205.png)
「完了時に展開されたファイルを表示する」にチェックを入れて、「展開」をクリック。
![PC ダウンロードフォルダとhtdocsフォルダ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install206.png)
展開が終わったら、wordpress
フォルダーをC:\xampp\htdocs
に移動。
![wordpressフォルダ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install207.png)
これでXMAPPにWordPressをインストールすることができます。
![wordpressフォルダ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install208.png)
wordpress
というフォルダ名を好きな名前に変更することができます。僕は先ほど作成したデータベースの名前と同じにしました。
- 【変更しない場合のURL】http://localhost/wordpress/
- 【変更した場合のURL】http://localhost/フォルダ名/
インストール
![WordPress ようこそページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install301.png)
「さあ、始めましょう!」をクリック。
![WordPress データーベース接続情報 入力ページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install302.png)
データベースの接続情報を入力して、「送信」をクリック。
- データベース名:先ほど作成したデータベースの名前
- ユーザー名:変更していなければroot
- パスワード:設定していなければ空欄
- ホスト名:localhost
- テーブル接頭辞:任意の半角英数字_(アンダーバー)
テーブル接頭辞について補足すると、「wp_」のままインストールするのはセキュリティ上よろしくありません。容易にテーブルの名前が推測できてしまいます。また、一意な接頭辞を与えることで、1つのデータベースに複数のWordPressをインストールすることできます。
![WordPress データーベース接続完了ページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install303.png)
「インストール実行」をクリック。
![WordPress 必要情報 入力ページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install304.png)
管理画面へのログイン情報などを入力して、「WordPressをインストール」をクリック。
- サイトのタイトル:ブログの名前
- ユーザー名:管理画面ログイン時に使います
- パスワード:管理画面ログイン時に使います
- メールアドレス:管理者のメールアドレス
![WordPress インストール完了ページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install305.png)
成功しました!が表示されます。
WordPressの管理画面にログイン
WordPressの管理画面にログインしてブログを表示してみます。
http://localhost/フォルダ名/wp-login.php
![WordPress ログインページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install401.png)
ユーザー名とパスワードを入力して、「ログイン」をクリック。
![WordPress 管理画面(ダッシュボード)](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install402.png)
管理画面が表示されたら、「ブログの名前」をクリック。
![WordPress ブログトップページ](https://qlog.org/wp-content/uploads/2019/07/xampp-wordpress-install403.png)
ブログが表示されます。