ドメイン契約からサイト公開までの流れ【エックスサーバー】

2020年9月12日 2020年9月12日 10分48秒

レンタルサーバーで有名なエックスサーバー（XSERVER）にドメインを追加してサイト公開するまでの流れをご紹介します。

初心者の方でも簡単にドメインを追加してサイト公開することができます。

目次非表示

3.1 WordPress簡単インストール

3.2 テーマ「Diver」をアップロード

4 まとめ

ドメイン追加契約の流れ

ドメイン追加契約の流れについてご紹介します。

ドメインの追加契約は、「Xserverアカウント」にログインしてから行います。

　ドメイン契約の流れ

ドメイン新規取得申し込み
ドメイン支払い手続き選択
ドメイン支払い確認完了のお知らせ

１、ログイン後、画面中央辺りのキャンペーン情報からドメイン取得申し込み

ドメインを新規取得できるか検索し、ドメイン選択

２、支払い方法を選択（今回は銀行振込を選択）

　注意：銀行振込時に、8桁のお支払い伝票番号を振り込み名に追加するとスムーズに支払い確認ができます

◇支払い方法の選択

クレジットカード（VISA / MasterCard / JCB / American Express）
銀行振込
コンビニエンスストア
ペイジー

３、支払い確認のお知らせメール

銀行振込が完了すると、最大2日程度で支払い確認のお知らせがメールで届きます。
今回、日曜日にネットバンキングから支払いを行い、約1時間後に支払い確認のメールが届きました。
Xserver側の支払い確認が遅くなる可能性があるので計画的に行うことをおすすめします。

サーバー設定の流れ

ドメインの追加契約が完了したら、サーバー側の設定を行います。

ドメインを契約しただけでは使うことができないので、サーバーとドメインを紐づける必要があります。

サーバーとドメインを紐づける作業を「サーバーパネル」にログインしてから行います。

　サーバー設定の流れ

ドメイン追加設定
ネームサーバーの設定
独自SSL設定

ドメイン追加設定

ドメインの支払い確認完了メールが届いたらレンタルサーバーにドメインを追加します。

　注意：ドメインの設定は、事前にドメインの料金支払い確認が終わっていることが前提になります。

１、「サーバーパネル」ログイン

ログイン時に、サーバーIDとサーバーパネルパスワードが必要になるので準備しておきます。

２、「ドメイン設定」クリック

３、「ドメイン設定の追加」クリック

４、「ドメイン名」を追加登録

契約したドメインを登録します。

このとき、「無料独自SSL」を追加し、「Xアクセラレータ」を有効にします。

ネームサーバーの設定

レンタルサーバーにドメインの追加が完了したら、サーバー（IPアドレス）とドメインを紐づける作業を行います。

１、Xserverアカウントにログイン

２、ログイン後、画面中央の「ドメイン」のドメインパネルをクリック

３、ネームサーバー情報を変更

変更前：NS1.XDOMAIN.NE.JP

変更後：NS1.XSERVER.JP

　注意：ネームサーバーの変更が完全に反映されるまでには、数時間～24時間程度かかります。

独自SSL追加

ネームサーバーの設定が完了したら、SSLの設定を行います。
SSLを設定する目的は、通信データを暗号化することで第三者による盗聴・改ざんを防ぐことです。
SSLは、Googleが推奨しているため設定することをおすすめします。
Xserverの場合、無料でSSLの設定を行うことができます。

１、サーバーパネルにログイン

２、ログイン後、「SSL設定」をクリック

３、「独自SSL設定追加」から対象ドメインを選択し確認画面へ進む

　注意：無料独自SSLは追加後、サーバーに設定が反映され利用可能になるまで、最大で1時間程度かかります。

.htaccess設定

SSL設定が完了したら、.htaccessの設定を行います。

.htaccess設定の例をご紹介します。

１、サーバーパネルにログイン

２、.htaccess編集をクリック

３、htaccessの編集から登録

このままだと、セキュリティが低いのでパスワードを強化したり、プラグインを使ってセキュリティを高めてください。

<files wp-config.php>
order allow,deny
deny from all
</files>
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress