エックスサーバーで独自ドメインの設定からWordPressインストール、SSL設定までの流れ

今回はエックスサーバーで独自ドメインの設定をしてWordPressをインストールする手順を図解で紹介していきいます。

全体的な流れとしては

• エックスサーバーで独自ドメインを設定する
• エックスサーバーでMySQL（データベース）作成
• WordPressの簡単インストール
• SSL設定

という流れになります。

■エックスサーバー
⇒https://www.xserver.ne.jp/

Amazonや楽天のアフィリエイトの併用は「もしもアフィリエイト経由」がおすすめの理由

Amazonアソシエイトと楽天アフィリエイトを併用するなら「もしもアフィリエイト...

affiliate150.com

2020.04.21

エックスサーバーで独自ドメインの設定の手順

まずはエックスサーバーで独自ドメインの設定をしていきますが、ここでの工程は２つ。

• エックスサーバーで独自ドメインの設定
• ネームサーバー（DNS）の切り替え

エックスサーバーで独自ドメインを設定して、ドメインを取得した業者でのネームサーバーの切り替えがセットです。ネームサーバーは取得したドメインをどのレンタルサーバーで使うか？という設定になります。

エックスサーバーで独自ドメインを設定する

まずはエックスサーバーに独自ドメインを設定していきます。

エックスサーバーのインフォパネルにログインしてサーバーパネルにログインします。直接サーバーパネルにログインでもOKです。

サーバーパネルの「ドメイン」という項目の「ドメイン設定」をクリック。

ドメイン設定画面になるので、「ドメインの追加設定」のタブに切り替えて取得している独自ドメインを入力し、「無料独自SSLを利用する」と「高速化・アクセス数拡張機能Xアクセラレータを有効にする」にチェックを入れて「ドメインの追加（確認）」をクリック。

確認画面になるので、間違いがなければ「ドメインの追加（確定）」をクリックしてドメインの追加は完了です。

私の場合はドメインを取得したのがムームードメインだったので、ムームードメインでのネームサーバー（DNS）の設定をする必要があります。

つまりムームードメインで取得したドメインをエックスサーバーで使うよ！という設定が必要です。後で詳しく解説しますが、とりあえずエックスサーバーでの独自ドメインの設定は完了です。

ネームサーバーの設定をしておく

ネームサーバーの設定というのは簡単に言うと取得した独自ドメインをどのレンタルサーバーで使うのか？という設定です。

私の場合はムームードメインでドメインを取得することが多いので、今回はムームードメインの場合の設定方法を紹介してみます。

ムームードメインで独自ドメインを取得した場合にはムームードメインにログインしておきます。

⇒ムームードメイン

ログインできたら「コントロールパネル」⇒「ドメイン操作」⇒「ネームサーバ設定変更」をクリック。

「paperboy&co.以外のネームサーバを使用する」を選択し、ネームサーバーの記入。

ネームサーバーの情報はエックスサーバーに申し込みした時にもらったメール「Xserver サーバアカウント設定完了のお知らせ 」に書いてあるネームサーバーを5つ全て記入し「ネームサーバ設定変更」をクリックすれば完了です。

エックスサーバーのネームサーバーはサーバーパネルの「サーバー情報」という項目でも確認できます。

ネームサーバ1　→　ns1.xserver.jp
ネームサーバ2　→　ns2.xserver.jp
ネームサーバ3　→　ns3.xserver.jp
ネームサーバ4　→　ns4.xserver.jp
ネームサーバ5　→　ns5.xserver.jp

設定が完了した後に再度設定したドメインのURLにアクセスして「Ctrl」と「F5」を一緒に押してリロードして確認すると、このような画面になりました。

ドメインの反映には1日～最大数日かかります。反映されるのを待っている間にデータベースの設定とWordPressのインストールをやっていきましょう。

エックスサーバーでMySQL（データベース）を作成しておく

WordPressのサイトを作成するにはデータベース（MySQL）が必要になります。

エックスサーバーでWordPressをインストールする時に必要になるMySQLデータベースの設定をする手順を解説していきますが、ぶっちゃけこの作業は必須ではありません。

というのも、WordPressの自動インストールをすると自動でMySQLデータベースが作成されます。

ただ、将来的に複数のWordPressサイトを管理する場合に、どのデータベースがどのサイトのデータベースなのか？分からなくなりますし、管理しにくいので、個別に分かりすいデータベースの名前やパスワードを決めておくという作業です。

サイトは１つだから別にデータベース設定はしなくてもいいやって方はWordPressのインストールへ進んでもOKです。

エックスサーバーでMySQLデータベースの設定をする手順を書いておきます。

• MySQLデータベース名を決める
• ユーザーの追加とパスワードを決める
• データベースにユーザーを紐付け

ちょっと難しく見えるかもしれませんが、要はデータベースに名前を付けてユーザーIDとパスワードを決めるという３ステップの作業です。

ステップ１　MySQLデータベースの新規追加とデータベース名の決定

エックスサーバーのサーバーパネルにログインして「データベース」という項目の「MySQL設定」をクリックします。

「MySQLの追加」というタブに切り替えておきます。ここで、分かりやすいデータベース名を入力して文字コードは「UTF-8」を選択し、「MySQLの追加（確認）」を押します。サイトと関連するようなデータベース名にしておくと分かりやすいです。

確認画面になるので、「MySQLデータベースの追加（確定）」をクリック。

これでデータベースの追加は完了です。続いてユーザーの追加をしていきます。

ステップ２　MySQLユーザーIDとパスワードの決定

今度は上記タブを「MySQLユーザーの追加」に切り替えてユーザーIDとパスワードを設定します。この「MySQLユーザーID」と「パスワード」はデータベースにアクセスする時に必要になります。

ユーザーIDは最初に決めた「データベース名」と同じにしておくと分かりやすいです。

「MySQLユーザーの追加（確認）」⇒「MySQLユーザーの追加（確定）」とクリックしていきます。

ステップ３　データベースとユーザーの紐付け

ステップ１でデータベース名を決めてステップ２でユーザーIDとパスワードを決めました。最後にステップ３として作成したデータベースとユーザーを紐付けする作業になります。

上記のタブを「MySQL一覧」に切り替えて作成したデータベース名の部分を確認すると「ユーザーはいません」になっているデータベース名が確認できます。

「アクセス権未所有ユーザ」という項目から先ほど追加した「ユーザーID」を選択し「追加」します。

追加してから再度「MySQL一覧」を確認すると作成したデータベースにユーザーが追加されています。自分で決めたデータベース名に自分で決めたユーザーが設定されていればOKです。

エックスサーバーでWordPressをインストールする

エックスサーバーのインフォパネルからサーバーパネルへログインしておきます。直接サーバーパネルへログインしてもOKです。

サーバーパネルの「ホームページ」という項目から「自動インストール」をクリック。

インストールするドメインを選択。

まだ新規のドメインには何もインストールしていないと思いますので、「現在、「●●.com」ドメインには自動インストールされたスクリプトはありません。」と表示される事を確認しておきます。

確認できたら「WordPressインストール」のタブに切り替えます。

次に「インストールURL」やブログ名を決める画面になります。ドメインの部分とその右の欄は基本的にそのままでOKなので、ブログ名だけ決めておきます。ブログ名も後から変更が可能です。

次に「ユーザー名」「パスワード」「メールアドレス」を入力するのですが、「ユーザー名」と「パスワード」はWordPressへログインする時に必要になりますので、他者から分かりにくいユーザー名とパスワードにしておいて下さい。

WordPressサイトでの投稿者名などの表示はWordPressインストール後に設定できますので、ここはセキュリティー重視でユーザー名とパスワードを設定して下さい。

次にデータベースの設定項目があります。前回の記事でデータベースの設定をしている方は「作成済みのデータベースを利用する」を選択して作成したデータベース名、ユーザーIDを選択して「インストール（確認）」をクリックして下さい。

データベースを作成してない方は「自動でデータベースを生成する」を選択してもOKですが、データベース名やパスワードが自動で決められてしまいます。

「インストール（確認）」ボタンをクリックすると確認画面になるので、内容を確認してインストール（確定）をクリック。

インストールが完了するとログインURLが表示されます。これがログイン画面のURLになりますので、これをクリックして飛び先URLをお気に入り（ブックマーク）追加しておきます。

後はWordPress先ほど決めた「ユーザー名」と「パスワード」でログインするとようやくWordPressの管理画面です。

WordPressの管理画面はそのまま使えますが、ドメインの設定などが反映されるまでに少し時間がかかる場合があり、サイト（URL）を表示させてもこんな感じのエラー画面になる場合がたまにあります。

上記のようなエラー画面になる場合でもしばらく待てばきちんと表示されるようになりますので、その間に別の作業をしておきましょう。また数日待っても解消されない場合にはエラー画面で「Ctrl」と「F5」を一緒に押してリロードしてから確認をしてみて下さい。

以上でエックスサーバーでのWordPressインストールは完了です。

■エックスサーバー
⇒https://www.xserver.ne.jp/

続いてSSL設定をしていきます。

エックスサーバーで独自SSL設定の手順

エックスサーバーは独自SSL導入が無料ですし、更新も自動で行ってくれます。

１．エックスサーバーでの独自SSL設定

まずはエックスサーバーのサーバーパネルにログインしてドメインの部分の「SSL設定」をクリック。

SSL化するドメインを選択して「選択する」をクリック。

上のタブを「独自SSL設定の追加」というタブに切り替えてドメインを確認します（www付きのURLになってますがこれでOK）。

「CSR情報(SSL証明書申請情報)を入力する」にチェックを入れる所がありますが、普通の個人ブログであればチェックを入れなくてもOK（私もチェック入れてません）。入力できたら右下の「独自SSL設定を追加する（確定）」をクリック。

以上でとりあえずSSL設定は完了。

SSL化の設定したら以下のような画面になるので少しそのまま待ちます。

数秒で以下のような画面になりますので「戻る」をクリック。

上のタブを「SSL設定の一覧」に切り替えて、「SSL用アドレス」というURLをクリック。

また設定が反映されていないため、以下のような画面になります。

最大で1時間。反映されるのを待ちます。

反映されてブログが表示されたら次へ。

２．WordPressの一般設定を変更

最後にWordPressの設定を変更するのですが、変更した後に再度ログインが必要になりますので、ログインのユーザー名とパスワードを事前に確認しておいて下さい。

SSLの設定が反映されて、httpsのURLで自分のブログが表示されたらWordPressへログインして「設定」⇒「一般」と進みます。

一般設定の中に「WordPress アドレス (URL)」「サイトアドレス (URL)」という項目がありますので、この2箇所のURL（http）を両方とも「https」に変更。

URLに「s」を追加するだけなんですが、大文字の「S」とかで間違わないように注意。ここのURL間違うとログインできなくなる事があります。

変更できたら保存して完了。

すると再度ログイン画面になりますので、改めてログインしてブログを確認。問題なければOK。

３．httpのURLをhttpsにリダイレクト

とりあえずhttpsのサイトに切り替えはできますが、httpでもサイトが表示できるので、これをhttpsに統一します。

インフォパネルにログインして「ファイルマネージャー」にログイン。

自分のドメイン名があると思いますのでそれをクリックし、「public_html」⇒「.htaccess」まで行き、「.htaccess」の横のチェックボックスにチェックを入れて「編集」をクリック。

「.htaccess」ファイルの先頭に以下のコードを追加。

<ifmodule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</ifmodule>

こんな感じになりました。

追加できたら保存してサイトを表示してみて下さい。httpでアクセスできるか確認するとhttpsに飛ぶようになっているはずです。

以上エックスサーバーのSSL化でした。

こちらの記事もおすすめです。

• ⇒【図解】エックスサーバーの登録から使い方までのまとめ
• ⇒エックスサーバーで無料の独自SSLを導入する手順
• ⇒WordPress（ワードプレス）でのブログの始め方と使い方まとめ！【初心者向け】