WORDPRESS

【2021年】エックスサーバーとエックスドメインの連携手順を初心者向けに解説【サーバー&ドメイン接続設定からSSL設定まで/WordPress】

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 アイキャッチ
 

あずきです🐥

このブログでも愛用中の「エックスサーバー 」&「エックスドメイン 」でWordPressを開設する場合の…

サーバーとドメインを連携させる手順(=接続設定のやり方)

について、ブログ初心者さん向けに1から解説していきます

 

まず大前提として…

WordPressにおけるブログ開設、その基本手順は次の「4ステップ」です

  1. 「レンタルサーバー」の契約
  2. 「独自ドメイン」の取得
  3. サーバーとドメインの連携 & SSL設定 ←今回のステップ!
  4. 「WordPress」のインストール

↑ 各ステップをクリックで、該当の解説ページに進めます

ステップ1~2までは、すでに済ませてる必要があるよ!
 

重要

2020年ごろから、上記の【従来式】にあたる…

WordPress開設 基本4ステップ

の開設方法とはまた別で、本来必要な「4ステップ」が「1ステップ」のみに一括化された…

WordPressクイックスタート

という【新方式】の開設方法が、大手いくつかのレンタルサーバーで始まっています

 

ただし!

 

この「WordPressクイックスタート」は「レンタルサーバー契約」が前提の開設方法なので、ほぼほぼ「1つ目のブログ開設時」のみに活躍するサービスです

 

レンタルサーバーは一般的に「1件の契約」で複数のドメイン(=ブログ)に使い回せるため、通常「2つ目以降」のブログ開設時にはレンタルサーバーを新たに契約する必要がありません

 

上記の前提をふまえたうえで、今回ご紹介していくのは【従来式】にあたる…

WordPress開設 基本4ステップ

のブログ開設手順となります

 
 
 

で…

本題のエックスサーバーとエックスドメインを「連携」させる手順ですが、大きく「2ステップ」になります

  1. 管理画面「Xserverアカウント」にて、「ネームサーバー設定」を確認する
  2. 管理画面「サーバーパネル」にて、「ドメイン設定の追加」を行う
むずかしそうに見えるかもだけど、実際は15分もかからないよ!
 

そしてもう1点!

エックスサーバー&エックスドメインの「連携」を行う際に、あわせて済ませておくべき…

無料独自SSL設定

という大事なセキュリティー設定についても、一緒に解説していきますね

 

ということで、さっそく見ていきましょー🐥

 

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

「WING AFFINGER5」の気に入ってる点・気になる点をガチレビュー アイキャッチ
【愛用】「WING AFFINGER5」って実際どうなの?気に入ってる点・気になる点をガチレビュー【WordPressのおすすめテーマ/専業ブロガー4年目】

続きを見る

WordPressの「タグ管理」とは? アイキャッチ
WordPressの「タグ管理」とは?どれだけブログに必須な機能か、3分で解説【よく使う文章や広告をテンプレート化/一括修正が最強に便利】

続きを見る

 
 

【2021年版】エックスサーバーとエックスドメインの「連携」手順と「SSL設定」のやり方を徹底解説【WordPress開設に必須なサーバー&ドメインの接続設定/初心者向け】

ステップ①:「Xserverアカウント」管理画面にて、ネームサーバー設定を確認する【ドメイン側から、サーバーとドメインを連携させるための設定】

WordPressブログ「完全初心者」ガイド 見出し a-01

【ステップ①】は、エックスサーバーの管理画面「Xserverアカウント」で行う…

「ネームサーバー設定」の確認

という作業です

 

まず!

この「ネームサーバー設定」というのは、WordPressのブログ開設に必須な「サーバー」と「ドメイン」という2つを…

「ドメイン」側から連携

させるためのものになります

その次の【ステップ②】では、反対に「サーバー」側からも連携させていくよ!
 

ということで、まずは Xserverアカウント にアクセスして…

エックスサーバーとエックスドメインの連携手順 1-1-01

↑ ログイン画面からログインを済ませましょう

 

「Xserverアカウント」へのログインが無事できたら…

エックスサーバーとエックスドメインの連携手順 1-1-02-a

↑ こちらの「ドメイン」という項目に表示されているドメイン名の一覧から…

エックスサーバーとエックスドメインの連携手順 1-1-02-b

↑ 今回サーバーとドメインの「連携」を行いたい該当のドメイン名を見つけて…

エックスサーバーとエックスドメインの連携手順 1-1-02-c

↑ その右側にある「・・・」アイコンをクリックします

 

クリックすると…

エックスサーバーとエックスドメインの連携手順 1-1-02-d

↑ このようにメニューが開くので、そのなかの「ネームサーバー設定」という項目をクリックしましょう

 

すると…

エックスサーバーとエックスドメインの連携手順 1-1-03-a

↑ このように、「ネームサーバー設定」の画面に切り替わります

 

ここで、該当のドメインと連携(=接続設定)させたいレンタルサーバーを選択する形になります

 

といっても、今回のように「エックスドメイン」を取得済みであれば…

エックスサーバーとエックスドメインの連携手順 1-1-03-b

↑ このように、「XSERVER」という項目がデフォルトで選択されていると思います

 

上の画像例のように「XSERVER」が最初から選択されていることが確認できた場合は、特にここの設定をいじる必要はありません

つまり、この「確認」さえできたら【ステップ①】は終了!
 

ちなみに万が一…

そのほかの項目が意図せず選択されていて「XSERVER」に切り替えたい場合は、手動で「XSERVER」を選択してから 「確認画面へ進む」 > 「設定を変更する」 を順にクリックすればOKです

 

ということで!

ここまでできたら、管理画面の右上にある…

エックスサーバーとエックスドメインの連携手順 1-1-04-a

↑ こちらのプロフィールアイコン(=「登録者名」と「ID」が表示されている場所)のタブをクリックして…

エックスサーバーとエックスドメインの連携手順 1-1-04-b

↑ 開いたメニュー内の「ログアウト」ボタンをクリックしましょう

 

これで、【ステップ①】の手順はもう完了です

拍子抜けするほど簡単!
 

今度は2つ目のステップ、「サーバー側から行う接続設定」について見ていきましょう🐥

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

 

ステップ②:「サーバーパネル」ページにて、「ドメイン設定の追加」と「SSL設定」を行う【サーバー側から、サーバーとドメインを接続】

WordPressブログ「完全初心者」ガイド 見出し a-02

つづいて【ステップ②】は、エックスサーバーにおけるもう1つの管理画面「サーバーパネル」で行う…

ドメイン設定の追加

という作業です

 

まず!

さきほどの【ステップ①】では、WordPressのブログ開設に必須な「サーバー」と「ドメイン」という2つを…

ドメイン側から連携(=接続設定)

させましたが、今度の【ステップ②】では反対に…

サーバー側から連携(=接続設定)

させていきます

 

このように…

  • 【ステップ①】の「ネームサーバー設定」 → ドメイン側からの連携
  • 【ステップ②】の「ドメイン設定の追加」 → サーバー側からの連携

という双方から「サーバーとドメインの接続設定」を行うことで、初めてWordPressを開設する準備が整うんですね

 

そして!

この【ステップ②】にあたる「ドメイン設定の追加」という手順のなかで、もう1点…

無料独自SSL

という大事な設定についても、ここで一緒に済ませていきます

 

この「SSL設定」というのは、WEBサイト上の通信データが外部に漏洩するのを防ぐための、代表的なセキュリティー対策の1つ

ブログごとで必ずやっておきたい、超基本的なセキュリティー設定!
 

ちなみに

上記の「SSL設定」を行ったドメインは、ブログURLの始まりが…

http → https

へと変わります

 

ということで、【ステップ②】の具体的な設定手順です

 

まずは、エックスサーバーの サーバーパネル にアクセスして…

エックスサーバーとエックスドメインの連携手順 1-2-01

↑ ログイン画面からログインしましょう

 

「サーバーパネル」へのログインが無事できたら、管理画面の右上にある…

エックスサーバーとエックスドメインの連携手順 1-2-02

↑「ドメイン」という項目のなかの、「ドメイン設定」をクリックします

 

ここから…

エックスサーバーとエックスドメインの連携手順 1-2-03-a

↑ このように「ドメイン設定」の設定画面になります

 

まずは画面上部にある…

エックスサーバーとエックスドメインの連携手順 1-2-03-b

↑ こちらの「ドメイン設定追加」というタブをクリックしましょう

 

すると…

エックスサーバーとエックスドメインの連携手順 1-2-04-a

↑ このように「ドメイン名」の入力画面になるので、中央の入力フォームに…

エックスサーバーとエックスドメインの連携手順 1-2-04-b

↑ 今回レンタルサーバーと連携(=接続設定)させたい該当の「ドメイン名」を入力します

 

POINT

ドメイン名とは、例えばそのブログのURLが…

https://azuki-moomoo.com

であれば、その先頭部分にあたる https:// を除いた…

azuki-moomoo.com

の部分が「ドメイン名」になります

 

https:// とセットでよく見かける www. という文字列も、このドメイン名には含まれないのでここでは入力しないようにしましょう

 

ということで!

「ドメイン名」を入力できたら、つづいてその下にある…

エックスサーバーとエックスドメインの連携手順 1-2-04-c

↑ こちらの…

  • 無料独自SSLを利用する(推奨)
  • 高速化・アクセス数拡張機能「Xアクセラレータ」を有効にする(推奨)

の両方に、チェックが入っていることを確認しましょう

 

この2項目とも、よほど明確な事情でもない限り「チェックは入れたまま」がおすすめです

特に「SSL」の方は、もはや必須とも言える超重要なセキュリティー設定!
 

ここまで一通りできたら、画面右下にある…

エックスサーバーとエックスドメインの連携手順 1-2-04-d

↑ こちらの「確認画面へ進む」ボタンをクリックします

 

すると…

エックスサーバーとエックスドメインの連携手順 1-2-05

↑ 確認画面になるので、内容に間違いがないことを確認できたら、右下の「追加する」ボタンをクリックしましょう

 

「追加する」ボタンをクリックして…

エックスサーバーとエックスドメインの連携手順 1-2-06-a

↑ このような画面に切り替われば、「ドメイン設定の追加」は無事完了です

 

ただし!

ここで大事な注意点が1つあって、さきほどチェックを入れたままにした…

  • 無料独自SSL設定
  • Xアクセラレータ

この2つの設定が「正常に完了しているかどうか?」について、同じこの画面内に「結果」がそれぞれ表示されているので必ず確認しておきましょう

 

具体的には、まず「無料独自SSL設定」の結果が…

エックスサーバーとエックスドメインの連携手順 1-2-06-b

↑ このように表示され、そしてもう一方の「Xアクセラレータ」の結果が…

エックスサーバーとエックスドメインの連携手順 1-2-06-c

↑ このように表示されれば、2つとも設定は正常に完了です

※「Ver.」の数字については随時変わっていく可能性があるので、便宜上ぼかしを入れています

 

特に…

前者の「無料独自SSL設定」については、経験上「エラー」になってしまうパターンがたまにあるので、「設定結果」をしっかり確認しておくことをおすすめします

 

「無料独自SSL設定」の結果がエラーになってしまったら…

もしも「無料独自SSL設定」の結果がエラーになってしまった場合(もしくは、このSSL設定をあとからやっぱり追加したい場合)には、まず画面右上の…

 
エックスサーバーとエックスドメインの連携手順 1-2-07-a

↑「トップ」をクリックして「サーバーパネル」のTOPページへ戻り、管理画面の右側にある…

 
エックスサーバーとエックスドメインの連携手順 1-2-07-b

↑「ドメイン」という項目内の「SSL設定」をクリックして、さらに…

 
エックスサーバーとエックスドメインの連携手順 1-2-07-c

↑ こちらの「独自SSL設定追加」というタブをクリックし、あとは画面の案内に沿って「独自SSL設定」の再設定を行えばOKです

 

ここでもエラーになってしまう場合は、少し時間を置いてから再試行してみるのが経験上おすすめです

 

ということで、ここまで解説してきた…

ドメイン設定の追加

と、それに伴う…

  • 無料独自SSL設定
  • Xアクセラレータ

という各種設定がいずれも正常に完了したら、画面右上にある…

エックスサーバーとエックスドメインの連携手順 1-2-08

↑ こちらの「ログアウト」をクリックして、今回の作業は一通り完了となります🐥

ここまでお疲れさま!

WordPress開設の基本4ステップ

  1. 「レンタルサーバー」の契約
  2. 「独自ドメイン」の取得
  3. サーバーとドメインの連携 & SSL設定 ←今回のステップ!
  4. 「WordPress」のインストール ←次のステップ!

※各ステップをクリックで、該当の解説ページに進めます

 

今回の記事はこちらの章に属しています

WordPressブログガイド 第1章「開設」編 

あずきのWordPressブログガイド 総合TOP 

\ このブログでも愛用中!/

WING AFFINGER5 banner-large-01

―― 検証と改善を重ねた唯一無二のテーマ ――

WING AFFINGER5

 ✔ 洗練された美しいデザイン性と、「変幻自在」な圧巻のバリエーション

 ✔ 時間のかかる面倒なカスタマイズも、「クリック1つ」でさくさく実現

 ✔ 「本気で戦う」ための、最適化されたSEO対策と収益UPの機能が標準装備

今なら超時短ツール「タグ管理プラグイン(4,980円)」の無料配布キャンペーン中!

公式:「稼ぐ」に特化したWordPress テーマ『WING AFFINGER5』

関連:「WING AFFINGER5」気に入ってる点・気になる点をガチレビュー

WordPressの「タグ管理」とは? アイキャッチ
WordPressの「タグ管理」とは?どれだけブログに必須な機能か、3分で解説【よく使う文章や広告をテンプレート化/一括修正が最強に便利】

続きを見る

 

About me

あずきアイコン main-01 背景透過

- 専業ブロガー・フリーランス -

あずき

独立4年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-WORDPRESS

© 2019 あずきのぶろぐ