【WordPress】WordPressのインストールと設定


## 前提

Apache, PHP, MySQLが動いているサーバが準備出来ていること

## WordPressのインストール
### 公式サイト

https://ja.wordpress.org/


### WordPressのファイルをダウンロード
#### WordPressのファイルをサーバへ配置

※サーバへログインした状態で下記作業を行うこと

```sh
$ wget https://ja.wordpress.org/wordpress-4.0-ja.zip	# WordPressをダウンロード

$ ls	# ダウロードしたファイルを確認
	wordpress-4.0-ja.zip
	
$ unzip wordpress-4.0-ja.zip		# ダウンロードしたWortPressファイルを解凍

$ ls	# 解凍した結果のファイルを確認（wordpressディレクトリが作成されていればOK）
	wordpress  wordpress-4.0-ja.zip	

$ cp -r wordpress/* /var/www/html	# wordpressの全てのファイルを/var/www/html以下へコピー
```

#### WordPressを配置したサーバへブラウザからアクセス

![wordpress_01.png](https://qiita-image-store.s3.amazonaws.com/0/18615/779fa4a8-7c52-44c2-c5bc-eedb9279a194.png "wordpress_01.png")

上記のような画面が表示されます。
指示に従い左下の「さあ、はじめデータベースの作成と設定ファイルの編集を行います。


### WordPress用データベースを作成

```sh
$ mysql -u root -p	# MySQLへログイン

mysql> CREATE DATABASE `wordpress`;	# wordpressのデータベースを作成
Query OK, 1 row affected (0.00 sec)

mysql> USE `wordpress`;
Database changed

mysql> GRANT ALL PRIVILEGES ON `wordpress`.* TO wordpress_user@localhost IDENTIFIED BY 'wordpress_password';		# wordpressデータベースに対する全ての権限を、'wordpress_password'で認証される'wordpress_user'に付与
Query OK, 0 rows affected (0.00 sec)

mysql> FLUSH PRIVILEGES;		# 上記で作成した権限をMySQLへ反映

mysql> exit;	# MySQLからログアウト
```

### データベースの設定を反映してWordPressをセットアップ

#### データベース設定をWordPressに反映

再度ブラウザからアクセスし、左下の「さあ、はじめデータベースの作成と設定ファイルの編集を行います。
![wordpress_02.png](https://qiita-image-store.s3.amazonaws.com/0/18615/0e429bb0-427f-5b5b-2f57-822b41c132fc.png "wordpress_02.png")


#### データベースの設定を入力

下記画面が表示されるので、上記で作成したデータベースの設定を入力して、左下の「送信」を押します。

![wordpress_04.png](https://qiita-image-store.s3.amazonaws.com/0/18615/5f830ea1-1693-68ea-055e-ef26e32ecda2.png "wordpress_04.png")


#### wp-config.phpファイルの作成と設定

下記画面が表示されるので、コピペ用に生成されたファイル内容をコピーします。

![wordpress_05.png](https://qiita-image-store.s3.amazonaws.com/0/18615/779119d6-d64e-06bf-efde-4b6ef313eb58.png "wordpress_05.png")


上記コピーした内容を、下記にwp-config.phpファイルを作成してペーストして保存します。

```sh
$ cd /var/www/html
$ vim wp-config.php	# 左記ファイルを作成して上記画像に記載されている文字列をコピペします
```

上記設定ファイル作成が終了したら、ブラウザに戻って左下の「インストール実行」ボタンを押します。
正常にインストールが完了すれば下記のようこそページヘと遷移します。

![wordpress_06.png](https://qiita-image-store.s3.amazonaws.com/0/18615/ab41ffa1-01b4-d7fa-c7d3-a280f33ae780.png "wordpress_06.png")


### WordPressへログイン

#### WordPress管理者情報を入力
上記インストール完了時の画面で、WordPress管理者情報を登録し、左下の「WordPressをインストール」ボタンを押します。

![wordpress_07.png](https://qiita-image-store.s3.amazonaws.com/0/18615/1a0d0efe-1d4c-c0d3-d034-e8176e12e65d.png "wordpress_07.png")


上記の管理者情報の登録に問題がなかった場合、下記のように成功ページが表示されます。

![wordpress_08.png](https://qiita-image-store.s3.amazonaws.com/0/18615/07d122f6-355b-9eab-3242-e52e3a5f147f.png "wordpress_08.png")


#### WordPressへログイン

上記成功ページの左下の「ログイン」ボタンを押すとログインページヘと遷移するので、
下記ページで先ほど作成した管理者のユーザ名・パスワードを入力してログインします。

![wordpress_09.png](https://qiita-image-store.s3.amazonaws.com/0/18615/421cbee8-c00e-7d27-8cad-e7ba557e88ab.png "wordpress_09.png")


#### 管理画面(ダッシュボード)へログイン完了
ログインに成功すると、下記のようにダッシュボードが表示されます。
これでWordPressのインストールは完了です。

![wordpress_10.png](https://qiita-image-store.s3.amazonaws.com/0/18615/ad5609c8-5259-8646-4c47-8e82eebf7415.png "wordpress_10.png")


### WordPressトップページへアクセス

WordPressのトップページのURLへアクセスします。
すると、下記のように一般の閲覧者向けのトップページが表示されています。

![wordpress_11.png](https://qiita-image-store.s3.amazonaws.com/0/18615/53e201bd-d622-250b-dc8a-94575bed175f.png "wordpress_11.png")


現在のデフォルトデザインテンプレートは上記のような感じなんですね。
とはいえ、ひとまずこれでWordPressのインストールは完了です。


### その他
#### 静的ページのカスタムURLが正常に利用できるように
カスタムURLなどを設定する際には、WordPressは.htaccessファイルを内部的に利用しています。
そんためApacheの設定上、AllowOverrideを許可しておく必要があります。

	# vim /etc/httpd/conf/httpd.conf		# Apacheの設定を編集
	338		- AllowOverride None
	338		+ AllowOverride All
	
	# service httpd restart	# Apacheを再起動して設定を反映


#### プラグイン等をダイレクトインストールできるように
利用しているサーバ環境によっては、テーマ・プラグインをダッシュボードから直接インストールしようとしたときに、
FTPユーザの入力画面などが出て、うまく直接テーマ・プラグインのインストールができないことがあります。
（Error: There was an error connecting to the server, Please verify the settings are correct.）

その際には、wp-config.phpのファイルに下記のような設定を追記することでうまくいくかと思います。

	$ vim wp-config.php	// wp-config.phpファイルを編集
	
	+ /** Sets to be able to install plugins and themes directory from dashboard */    // コメント行を追加
	+ define( 'FS_METHOD', 'direct' );    // 設定を追記