【初心者でも簡単!!】WordPressをダウンロード及びインストールする方法

## 1.事前知識
- [【超簡単】WindowsにVirtualBoxをインストールする方法](https://qiita.com/ryome/items/519fd7e50fb0b951fd7f)
- [【画面あり】VirtualBoxでCentOSの仮想環境を作る方法](https://qiita.com/ryome/items/e55caf5bed345f95451d)
- [【超簡単!!】CentOSにLAMP環境を構築する方法](https://qiita.com/ryome/items/931abd54c9b8a46c9722)

事前知識として、上記リンクの内容が必要です。

## 2.WordPressとは
- `WordPress` とは、オープンソースのブログソフトウェアである。
- 言語は `PHP` で開発されており、データベース管理システムとして `MySQL` を利用している。
- 単なるブログではなく `コンテンツ管理システム` としても利用されている。

## 3.事前準備
![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/997ee116-ba85-3eb0-78c3-138432c3ab31.png)

![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/21f4ab05-1ff4-2e85-e665-3de06e2cef1d.png)

```bash:MySQLコマンド
# 1.rootユーザーでログイン
$ mysql -uroot

# 2.データベースの作成
mysql> create database wordpress default character set utf8;

# 3.ユーザー作成＆権限付与
mysql> GRANT ALL PRIVILEGES ON wordpress.* TO wordpress_user@localhost IDENTIFIED BY 'password';

# 4.権限の反映
mysql> FLUSH PRIVILEGES;

# 5.データベース一覧表示
mysql> show databases;

# 6.mysqlを選択
mysql> USE mysql;

# 7.登録されているユーザを確認
mysql> SELECT user, host FROM user;

# 8.データベース終了
mysql> exit;
```

1. `Oracle VM VirtulaBox` を起動し、 `仮想マシン` を起動する。
2. `コマンドライン` を起動する。
3. 上記の `コマンド` を入力する。
4. 画像のように表示されれば成功です。

## 4.WordPressのダウンロード

```bash:Wordpressのダウンロードコマンド

# 1.フォルダの移動
$ cd /var/www/html

# 2.wordpress-4.4.2-ja.zipをダウンロード
$ wget https://ja.wordpress.org/wordpress-4.4.2-ja.zip

# 3.wordpress-4.4.2-ja.zipの展開
$ unzip wordpress-4.4.2-ja.zip

# 4.wordpress-4.4.2-ja.zipの削除
$ rm wordpress-4.4.2-ja.zip
```

1. 上記のコマンドを `コマンドライン` に入力。

## 5.WordPressのインストール

```bash:URL
例： http://localhost/wordpress/
```

1. ブラウザを開き、 `https://サーバのホスト名、又はIPアドレス/wordpress/` にアクセスする。(上記のURL参照)
2. `さあ、始めましょう！` をクリックする。
![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/8f4752f7-f361-2f24-4e4d-0207564b726f.png)
3. `データベース名` 、 `ユーザー名` 、 `パスワード` 、 `データベースのホスト名` 、 `テーブル接頭辞` を入力し、 `送信` をクリックする。

|項目|内容|
|:------------------------|:------------------------------------------|
| データベース名                 | wordpress   |
| ユーザー名               | wordpress_user|
| パスワード                | password|
| データベースのホスト名  | localhost|
| テーブル接頭辞    |wp_ |
![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/4f3bca2d-cb30-6425-d445-1235c3893933.png)
4. `サイトのタイトル` 、 `ユーザー名` 、 `パスワード` 、 `メールアドレス` 、 を入力し、 `検索エンジンでの表示` にチェックをつけ、 `WordPressをインストール` をクリックする。
※違う画面に推移した方は `6.構成ファイルのセットアップ` へ
![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/68b51e87-90da-5f97-8880-f991472d0305.png) 
5. `ログイン` をクリックする。
![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/d6b05d89-cdb1-83c1-0adc-38b52ccef2b7.png)
6. `ユーザー名` と `パスワード` を入力し、 `ログイン状態を保存する` にチェックをつけ、 `ログイン` をクリックする。
![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/cdda5d87-d208-d7a9-133a-42e6061cca6b.png)
7. `ダッシュボード` が表示されれば成功です。
![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/3d13fdc2-ebd4-c793-5354-c202c5e4028c.png)


## 6.構成ファイルのセットアップ(インストール出来なかった人)

1. 赤枠の中身を `コピー` する。
![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/ebfe5fd5-11af-459d-44e7-b5a622cb4f25.png)
2. `アプリケーション` から `テキストエディター` を起動する。
![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/4c415e88-0094-0b52-fe4a-6b2a721f13f5.png)
3. コピーした内容を `貼り付け` し、 `保存` をクリックする。
![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/70ec07c0-e895-7915-cca6-7c5943b71056.png)
4. `html` ディレクトリをクリックする。
![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/afdca227-2d50-fb26-189a-af8393ba2c3f.png)
5. `wordpress` ディレクトリをクリックする。
![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/21bd3160-894d-67f3-1eef-93641bf7a0db.png)
6. ファイル名を `wp-config.php` にし、 `保存` をクリックする。
![09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/6c17eba1-254c-5ba4-6aee-a583c1643280.png)
7. ブラウザに戻り、 `インストール実行` をクリックする。
![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/3ef266bc-a3a0-08c9-88e2-5f1f72946262.png)
8. 画像のようにWordPressの `インストール画面` が表示されれば成功です。
![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/a8fcc366-ebc1-79e3-986b-cc59e2b9bfd5.png)

## 8.まとめ

### WordPressとは
- `WordPress` とは、オープンソースのブログソフトウェアである。
- 言語は `PHP` で開発されており、データベース管理システムとして `MySQL` を利用している。
- 単なるブログではなく `コンテンツ管理システム` としても利用されている。

### 事前準備

```bash:Apacheのインストールコマンド
# 1.rootユーザーでログイン
$ mysql -uroot

# 2.データベースの作成
mysql> create database wordpress default character set utf8;

# 3.ユーザー作成＆権限付与
mysql> GRANT ALL PRIVILEGES ON wordpress.* TO wordpress_user@localhost IDENTIFIED BY 'password';

# 4.権限の反映
mysql> FLUSH PRIVILEGES;

# 5.データベース一覧表示
mysql> show databases;

# 6.mysqlを選択
mysql> USE mysql;

# 7.登録されているユーザを確認
mysql> SELECT user, host FROM user;

# 8.データベース終了
mysql> exit;
```

1. `Oracle VM VirtulaBox` を起動し、 `仮想マシン` を起動する。
2. `コマンドライン` を起動する。
3. 上記の `コマンド` を入力する。

### WordPressのダウンロード

```bash:Wordpressのダウンロードコマンド

# 1.フォルダの移動
$ cd /var/www/html

# 2.wordpress-4.4.2-ja.zipをダウンロード
$ wget https://ja.wordpress.org/wordpress-4.4.2-ja.zip

# 3.wordpress-4.4.2-ja.zipの展開
$ unzip wordpress-4.4.2-ja.zip

# 4.wordpress-4.4.2-ja.zipの削除
$ rm wordpress-4.4.2-ja.zip
```

1. 上記のコマンドを `コマンドライン` に入力。

### WordPressのインストール

```bash:URL
例： http://localhost/wordpress/
```

1. ブラウザを開き、 `https://サーバのホスト名、又はIPアドレス/wordpress/` にアクセスする。(上記のURL参照)
2. `さあ、始めましょう！` をクリックする。
3. `データベース名` 、 `ユーザー名` 、 `パスワード` 、 `データベースのホスト名` 、 `テーブル接頭辞` を入力し、 `送信` をクリックする。

|項目|内容|
|:------------------------|:------------------------------------------|
| データベース名                 | wordpress   |
| ユーザー名               | wordpress_user|
| パスワード                | password|
| データベースのホスト名  | localhost|
| テーブル接頭辞    |wp_ |
4. `サイトのタイトル` 、 `ユーザー名` 、 `パスワード` 、 `メールアドレス` 、 を入力し、 `検索エンジンでの表示` にチェックをつけ、 `WordPressをインストール` をクリックする。
※違う画面に推移した方は `6.構成ファイルのセットアップ` へ
5. `ログイン` をクリックする。
6. `ユーザー名` と `パスワード` を入力し、 `ログイン状態を保存する` にチェックをつけ、 `ログイン` をクリックする。
7. `ダッシュボード` が表示されれば成功です。

### 構成ファイルのセットアップ(インストール出来なかった人)

1. 赤枠の中身を `コピー` する。
2. `アプリケーション` から `テキストエディター` を起動する。
3. コピーした内容を `貼り付け` し、 `保存` をクリックする。
4. `html` ディレクトリをクリックする。
5. `wordpress` ディレクトリをクリックする。
6. ファイル名を `wp-config.php` にし、 `保存` をクリックする。
7. ブラウザに戻り、 `インストール実行` をクリックする。
8. WordPressの `インストール画面` が表示されれば成功です。

## 9.その他
![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/449867/34552400-53e8-f04c-554d-d176016f70ce.png)

WordPress起動時に画面が真っ白になってしまった方はこちら↓
[WordPressのサイトが真っ白で表示されない場合の対処方法【初心者向け】](https://techacademy.jp/magazine/3174)

## 10.関連
- [【簡単!!】VirtualBoxのホストOSとゲストOS(仮想環境)間のマウスポインターの移動方法](https://qiita.com/ryome/items/07a908bbbad27d35cd2e)
- [CentOSでネットワークを有効化する方法](https://qiita.com/ryome/items/781e0cdcf8221ea80f85)