WORDPRESS

【2020年】エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方を1から解説【紐づけ・接続方法/WordPress】

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

あずきです🐥

このブログでも愛用中の大手サーバー&ドメイン「エックスサーバー 」「エックスドメイン 」の場合における、WordPress開設に必須な…

サーバーとドメインの「連携設定」

ドメインの「SSL設定」

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

まず大前提として…

WordPressにおけるブログ開設、その「基本ステップ」は次の通り

  1. レンタルサーバーの契約(1つ目のブログ開設時のみ必要)
  2. 独自ドメインの取得(2つ目以降のブログも開設ごとに必要)
  3. サーバーとドメインの連携 & ドメインのSSL設定 ←今回のステップ!
  4. WordPressのインストール

※各リンクをクリックすると、該当ステップの解説ページへ進めます

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

▼ エックスサーバーのお申し込みはこちら ▼

公式:月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』

今なら「ドメイン永久無料」&「初期設定費 3,000円 → 0円」のお得なキャンペーン中!

 

追記

2020年頃から、上記の【従来式】による開設方法とは別で、「レンタルサーバー契約」以降の3ステップが簡略化された…

【新方式】簡単1ステップ

の開設方法が、大手のレンタルサーバー各社で始まっています

 

ただし!

 

この【新方式】というのは、そもそも「レンタルサーバー契約」が前提になる開設方法なので、実質「1つ目」のブログ開設時のみに使えるサービスです

 

※レンタルサーバーは基本的に、「1件の契約」で複数のドメイン(=ブログ)に使い回せます

 

で、今回ご紹介していくのはあくまで…

【従来式】基本4ステップ

における開設手順となります

 

「2つ目以降」のブログ開設時は「レンタルサーバー契約」が基本的に不要なため、この【従来式】で開設することになります

 
 

ということで今回は、2つのポイントで解説していきます

  1. 本題:エックスサーバー & エックスドメインの「連携設定」と「SSL設定」手順
  2. 補足:「SSL設定」だけあとから追加設定したい場合の手順 ※「SSL設定」がエラーになった方もこちら!
慣れれば15分もかからないよ!
 

さっそく見ていきましょー🐥

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

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

ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで アイキャッチ
【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで【WordPress】

続きを見る

 

About me

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

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

あずき

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

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

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

Twitter

 

【2020年版】エックスサーバー&エックスドメインにおける「連携設定」と「SSL設定」のやり方【WordPress開設に必須なサーバーとドメインの紐づけ・接続方法】

本題:エックスサーバー & エックスドメインの「連携設定」と「SSL設定」手順【ネームサーバー設定 → ドメイン設定の追加・SSL設定】

 

まずは本題の…

エックスサーバーとエックスドメインの「連携設定」

ドメインの「SSL設定」

のやり方について

具体的には、次の2ステップにわかれます

  1. 「Xserverアカウント」ページにて、「ネームサーバー設定」を行う
  2. 「サーバーパネル」ページにて、「ドメイン設定の追加」と「SSL設定」を行う
 

この2ステップの目的は、それぞれ下記の通りです

  1. 「ドメイン側」からサーバーとドメインを連携させるための設定
  2. 「サーバー側」からサーバーとドメインを連携させるための設定 &「SSL設定」というセキュリティー強化のための設定
 

ということで、さっそく手順を見ていきましょう🐣

どっちもやるべきことは「超簡単」なのでご安心を!
 

ステップ①:「Xserverアカウント」ページにて、「ネームサーバー設定」を行う【ドメイン側から、サーバーとドメインを接続】

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

まず【ステップ①】は…

ネームサーバー設定

という作業です

この作業は…

「ドメイン側」からサーバーとドメインを連携

させるための設定です

まずは Xserverアカウント にアクセスして…

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-1-01

↑ ログインを済ませましょう

無事ログインができたら…

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-1-02

↑ こちらの「ドメイン」という項目内に、取得済みのドメイン名が表示されているので…

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-1-03

↑ 該当ドメインの右端にある「・・・」アイコンを開いて、「ネームサーバー設定」という項目をクリックします

「ネームサーバー設定」の画面が開くので…

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-1-04

↑ 契約済みの使用したいレンタルサーバーを選択します

ちなみに今回は…

エックスサーバー & エックスドメイン

が前提の解説なので、ここでは「XSERVER」を選びます

選択したら、その下の「確認画面へ進む」ボタンをクリックしましょう

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-1-05

↑ 確認画面が表示されたら、「設定を変更する」ボタンをクリックすればOK

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

拍子抜けするほど簡単だった
 

今度は2つ目のステップ、「ドメイン設定の追加」&「SSL設定」に進みましょう🐥

 

▼ エックスサーバーのお申し込みはこちら ▼

公式:月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』

今なら「ドメイン永久無料」&「初期設定費 3,000円 → 0円」のお得なキャンペーン中!

 

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

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

つづいて【ステップ②】は…

「ドメイン設定の追加」と「SSL設定」

という作業です

 

まず「ドメイン設定の追加」という作業について…

さきほどの【ステップ①】では…

「ドメイン側」からサーバーとドメインを連携

させましたが、この【ステップ②】では…

「サーバー側」からサーバーとドメインを連携

させていきます

つまり!

  • 「ドメイン側」からの接続 → サーバー設定
  • 「サーバー側」からの接続 → ドメイン設定の追加

と双方から「サーバーとドメインの連携」を行うことで、初めてWEBサイトは機能するようになるんですね

 

そして、もう1つの「SSL設定」という作業について…

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

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

で!

この「SSL設定」を済ませたドメインは、ブログURLの始まりが…

http → https

へと変わります

「ドメイン設定の追加」作業の過程で「SSL設定」も一緒に済ませられるので、(特別な事情がない限り)セットで行っておくのがおすすめです

ということで、実際の手順を見ていくよ!
 

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

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-2-01

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

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-2-02

↑ 画面右上の「ドメイン設定」をクリックします

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-2-03

↑ 画面上部の「ドメイン設定追加」タブをクリックします

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-2-04

↑ 今回設定したい、ブログの「ドメイン名」を入力します

ドメイン名なので、ブログURLが例えば…

https://www.●●●●●.com

であれば、入力するのは ●●●●●.com だけです

つまり https://www. の部分は入力しない!
 

ドメイン名を入力できたら…

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-2-05

↑ こちらの…

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

という2項目の両方ともに、チェックがちゃんと入っている状態であることを確認しましょう

ここは特別な事情がない限り、「チェックを入れたまま」がおすすめです

「無料独自SSL」というのが、エックスサーバーが提供してる「SSL設定」のサービスのこと!
 

ということで、ここまでできたら…

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-2-06

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

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-2-07

↑ 確認画面になるので…

  • ドメイン名 → 正しく入力されている
  • 無料独自SSL設定 → 「追加」になっている
  • Xアクセラレータ → 「有効にする」になっている

この3点を確認できたら、「追加する」ボタンをクリックしましょう

画面が切り替わって…

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-2-08

↑ 画面上部に「ドメイン設定の追加を完了しました。」と表示されれば、無事「ドメイン設定の追加」は成功です

ただし!

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

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

上記2つの設定が「それぞれ正常に完了しているかどうか?」について、同じ画面内の…

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 1-2-09

↑ こちらのオレンジ枠内に結果がそれぞれ表示されているので、必ず確認しておきましょう

というのも…

「無料独自SSL設定」については、「エラー」になってしまうパターンがわりとあるんですね

ちなみに

これまでの経験上、【ステップ①】の「ネームサーバー設定」を行ってから時間を置かずにこの「無料独自SSL設定」を行うとエラーになりやすいかもしれません(あくまで個人的な見解です)

 

具体的には…

  • 無料独自SSL設定 → 設定済
  • Xアクセラレータ → 「Xアクセラレータ Ver.●」が有効になりました。

とそれぞれ表示されていれば、設定は無事成功です

一方で…

もしも「無料独自SSL設定」の結果が「エラー」になってしまった場合、改めて「無料独自SSL設定」という作業を行っていきます🐥

その場合は次パートへ!
 

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

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

 

補足:「SSL設定」だけあとから追加設定したい場合の手順【「SSL設定」がエラーになった方もこちら】

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

はじめに

さきほどのステップで「無料独自SSL設定」が無事完了できた場合は、下記のステップを行う必要はありません

 

まずは、 サーバーパネル ログイン後のTOPページに戻りましょう

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 2-01

↑ 画面右上の「SSL設定」をクリックします

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 2-02

↑ 該当ドメインの右側に表示されている「選択する」をクリックします

エックスサーバー&エックスドメインの「連携設定」と「SSL設定」のやり方 2-03

↑ 画面上部の「独自SSL設定追加」タブをクリックします

あとは該当のドメイン名が選択されていることを確認し、「独自SSL設定を追加する(確定)」ボタンをクリックすればOK

画面が切り替わって、「設定完了」のメッセージが表示されれば「独自SSL設定」は無事成功です

もしここでもエラーになる場合、また時間を置いてから試してみよう!
 

WordPress開設の基本4ステップ

  1. レンタルサーバーの契約(1つ目のブログ開設時のみ必要)
  2. 独自ドメインの取得(2つ目以降のブログも開設ごとに必要)
  3. サーバーとドメインの連携 & ドメインのSSL設定 ←今回のステップ!
  4. WordPressのインストール ←次のステップ!

※各リンクをクリックすると、該当ステップの解説ページへ進めます

 

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

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

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

\「本気」で戦うなら /

WING AFFINGER5 バナー 02

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

✔ 研ぎ澄まされた美しいデザインと、「変幻自在」に豊富なバリエーション!

✔ 時間のかかる面倒だったカスタマイズも、「クリック1つ」で瞬時に実現!

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

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

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

関連:「AFFINGER5」の購入&導入ステップを画像つきで1から解説

ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで アイキャッチ
【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで【WordPress】

続きを見る

 

About me

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

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

あずき

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

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

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

Twitter

-WORDPRESS

© 2020 あずきのぶろぐ