WordPressサイト構築の覚え書き(サーバーの準備)

#はじめに
WordPressのサイトの構築、基本的には好きな所から手を付けて行けばいいのですが、やることが色々あるので自分なりの手順をまとめてみました。

#サーバーの準備
WordPressをインストールするサーバの準備をします。
現在[「さくらレンタルサーバ」](https://www.sakura.ad.jp/)と[「コアサーバー」](https://www.coreserver.jp/)の２つを利用していますが、やることはほぼ同じです。
今回は「さくらレンタルサーバ」の手順を掲載します。
「コアサーバー」の手順は後日アップする予定（時間が有れば・・）です。

手順は以下の6ステップです。
　1. サーバーサイトログイン
　2. インストールフォルダ作成
　3. サブドメイン作成
　4. PHP最新バージョンインストール
　5. データベースの準備
　6. WordPressインストール
　7. ブラウザでのインストール作業

##さくらレンタルサーバ

###１．サーバーサイトログイン

1. 会員認証

    <img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/4ac3d2d2-5a4a-911a-610d-e441f579b177.png">
会員IDとパスワードでログイン。

2. トップメニュー
    ログインすると、トップメニューが開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/4a49667a-936f-4f35-8ddd-07f6a7deed36.png">
メニューの[契約情報]をクリック。

3. 契約情報
    契約情報が開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/4e6da649-f306-32f8-b78f-5fc8ce8869d2.png">
[契約サービス確認]をクリック

4. 契約サービス一覧・表示
    契約サービス一覧・表示が開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/4e6da649-f306-32f8-b78f-5fc8ce8869d2.png">
[サーバ設定]をクリック。

5. サーバコントロールパネル
    サーバコントロールパネルが開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/dc67712e-8704-7b68-8583-2c943718f7c0.png">
この画面でも操作できますが、新コントロールパネルの方が使いやすいので、[*新コントロールパネルへログインする*]をクリックして開きます。

6. 新サーバコントロールパネル
    <img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/aa164059-f93a-14ab-5aaf-d98bba22eb52.png">
サーバコントロールパネルが開きます。
この画面から色々設定していきます。

###２．インストールフォルダ作成
WordPressインストール用のフォルダを作成します。
~/www/の下にwpというフォルダを作成します。
フォルダ名：~/www/wp/


1. サーバコントロールパネルホーム
    先ほど開いたコントロールパネルです。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/825451a8-e034-5d7c-57af-60149e68765e.png">
ショートカットの[ファイルマネージャ―]をクリック。

2. ファイルマネージャー
    ブラウザの新しいタブに、ファイルマネージャ―が開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/72b556ba-0434-58cb-806c-b25fe0ab0f4a.png">
左側のフォルダ名の上で右ボタンをクリックし、表示されたメニューから[フォルダ作成]を選択します。

3. フォルダ名入力
    「名前を入力してください」というダイアログが開きます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/9f344323-df39-7e65-ac45-bfd7c5204b46.png">
任意の名前を入力し[OK]ボタンをクリック。
wpというフォルダ名にしました。

4. 確認
    フォルダが作成されたら、右側にフォルダ名が表示されます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/388cd4bf-f727-d9ae-e44e-af725480e259.png">
フォルダ名を確認したらブラウザのタブを閉じ、コントロールパネルの戻ります。

###３．サブドメイン作成
既存のホームページが有り公開中ですので、WordPressの新しいホームページが出来上がるまで残しておき、新ホームページが完成してから切り替えたいと思っています。
現在、私のドメインhttp\://kougeisya.bizで表示されるページは、www/biz/というフォルダに対応させていてます。
新しいページを~/www/biz/wp/のようにbizの下に作ればhttp\://kougeisya.biz/wp/というURLでアクセスできますが、~/www/wp/のように~/www/bizから離れたフォルダに作成した場合、アクセスできなくなります。
ですので、http\://wp.kougeisya.bizというサブドメインを作成し、このサブドメインを~/www/wp/フォルダと対応付けてhttp\://wp.kougeisya.bizでアクセスできるようにしようと思います。
新しいホームページが完成したら、http\://kougeisya.bizと~/www/wp/が対応付くように設定を変更します。
既存のホームページが無い場合は、サブドメインは作成せず単にドメインとフォルダを対応付けるだけで良いので、サブドメイン作成は不要です。

1. コントロールパネル
    先ほど開いたコントロールパネルでの作業です。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/4d2776bf-0c0c-ce1b-430e-604cbe1325f6.png">
左側メニューから、[ドメイン/SSL >]-[ドメイン/SSL >]を選択。

2. ドメイン/SSL
    ドメイン/SSLが開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/290f4793-d560-3bd4-1290-9a77ab8edaea.png">
[ドメイン新規追加]をクリック。

3. ドメインを新規追加
    ドメインを新規追加が開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/d2a4ac3c-3934-26dc-cead-d67ed66610a1.png">
「さくらインターネットで取得の独自ドメインを使う」エリアの「□サブドメインを指定する」にチェックを入れます。
サブドメインを入力する行が表示されますので、サブドメイン名を入力します。
[追加]をクリックすると、サブドメインが作成されます。

4. ドメイン/SSL
    ドメイン/SSLの画面に戻りますので、サブドメインが作成されているのを確認します。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/82ae0003-13cd-2911-4dc6-f496a38f6b16.png">
サブドメイン行の右端にある[設定]ボタンをクリックします。

5. ドメイン設定
    ドメイン設定が開きます。
ここで、サブドメインとフォルダを対応付けます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/8c21b570-8596-a75b-d3f0-317e775bbde4.png">
Web公開フォルダの「~/www」の後ろに作成したフォルダ名「/wp」を入力します。
[保存する]をクリックすると、設定が保存されます。

###４．PHP最新バージョンインストール
1. コントロールパネル
    コントロールパネルで作業します。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/b5de0fb7-0637-2fd7-509e-56c7acc3915c.png">
コントロールパネルの左メニューから[スクリプト設定]-[言語バージョン設定]を選択

2. 言語バージョン設定
    言語バージョン設定ページが開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/2358691d-0989-4bdb-9ba0-f31f056e1bae.png">

PHPのバージョンの設定で「PHP7.4[推奨]」を選択します。
[保存する]ボタンをクリックすると、設定が保存されます。

###５．データベースの準備
1. コントロールパネル
    コントロールパネルで作業します。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/57a28640-7317-498f-0f59-954b8f50676b.png">
コントロールパネルホームのショートカットボタンより[データベース]をクリックします。
左メニューから[Webサイト/データ]-[データベース]選択でもOKです。

2. データベース
    データベースページが開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/06d7f469-1daa-c64e-ab1a-c87811445e96.png">
[新規追加]ボタンをクリックします。

3. データベース新規作成
    データベース新規作成ページが開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/c67a487e-d332-7aba-fbb7-76e68f69fe91.png">
以下の必須項目を入力します。
データベース名：ここでは、wpという名称にしました。
データベース接続用パスワード：任意のパスワードを設定します。
データベース接続用パスワード再入力：確認用です。再度パスワードを入力します。
同意：同意するにチェックを入れます。

    ※データベース名の前半は固定です。私のサーバーでは「kougeisya_」ですので、フルネームは「kougeisya_wp」となります。
※データベースユーザ名は固定で、変更不可です。
※データベース名、ユーザー名、パスワードはWordPress設定時に必要ですので、メモしておいてください。

    [作成する]ボタンをクリックすると、データベースが作成されます。

4. 確認
    新規作成ページが閉じ、データベースページに戻ります。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/1ab68c78-56b3-528f-ca71-94e8ee313d38.png">
データベース名が表示されていることを確認します。

###６．WordPressインストール
1. コントロールパネル
    コントロールパネルで作業します。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/212a18a2-9ba1-4d5e-49f8-f525be4eb6c5.png">
コントロールパネルホームのショートカットボタンより[WordPressインストール]をクリックします。

2. WordPressのインストール
    WordPressのインストール画面が開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/f84478ed-f16c-e7f4-a1d2-4d4fc2300200.png">
以下の項目を設定します。
インストールURL：「３．サブドメイン作成」で作成したURLをリストから選択します。
利用データベース：「５．データベースの準備」で作成したデータベースをリストから選択します。
データベースパスワード：データベース作成時に設定したパスワードを入力します。
テーブルの接頭語：ここでは「wp」にしました。

    ※テーブルの接頭語
WordPressが自動的に作成するテーブルの名称の前に付く文字です。(wp_users, wp_blogs等)
１つのデータベースに複数のWordPressをインストールする場合、この接頭語を変えることで見分けることが出来ます。（まれなケースかと思っていましたが、安価なサーバーだと作成出来るデータベースが１つの場合があります。）

    ライセンスの同意にチェックを入れて[作成する]ボタンをクリックすると、WordPressがインストールされます。

3. インストール済みパッケージ一覧
    インストールが終わるとインストール済みパッケージ一覧ページが開きます。
このページへは、左メニューの[Webサイト/データ]-[インストール済み一覧]でも開けます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/264e5a20-6892-6ab8-c6a5-f87129c236cd.png">

    以上でコントロールパネルでの作業は完了です。

###７．ブラウザでのインストール作業
1. ブラウザで開く
   ブラウザで、設置先のURLを開きます。
私のサイトでは、http://wp.kougeisya.biz/
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/d7271be0-6822-47eb-7a51-69ea2cbd441a.png">

2. インストール
    「ようこそ」画面が開きます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/63204522-c5c2-e9c0-3d69-93da6e14f35d.png">
以下を設定します。
サイトのタイトル：ホームページのタイトルになります。
ユーザー名：WordPress編集画面へのログイン名になります。
パスワード：ログイン時のパスワードです。
メールアドレス：メールアドレスを設定。

    ※メールアドレス
サイトから送られてくる情報を受け取るメールアドレスです。
「ブログに書き込みがあった」、「WordPressが更新された」等の情報が送られてきます。

    ※検索エンジンでの表示
ここにチェックを入れると、検索サイトに挙がらなくなります。
開発中はチェックを入れておいた方が良いかもしれません。

    [WordPressをインストール]をクリックするとインストールが開始されます。

3. 成功しました！
    インストールに成功すると、成功しました！ページが表示されます。
<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/222823/477c2f83-907e-58bc-f339-3f810c68383f.png">
以上でインストールは完了です。
[ログイン]をクリックし、ユーザー名・パスワードを入力すると、ダッシュボードが開きます。
ダッシュボードは、「http://ドメイン名/wp-admin/」でも開けます。