WORDPRESS

【2021年】エックスサーバー&エックスサーバードメインの連携(接続)設定と、SSL設定のやり方を初心者向けに解説【サーバー&ドメインの接続方法/WordPressのブログ開設】

【2021年】エックスサーバー&エックスサーバードメインの連携(接続)設定と、SSL設定のやり方 アイキャッチ
 

あずきです🐥

当ブログでも愛用中の エックスサーバー Xserverドメイン という組み合わせにおける…

WordPress開設の「サーバー&ドメイン連携」手順

と、あわせて済ませておくべき重要なセキュリティー設定である…

ドメインの「SSL設定」手順

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

 

まず大前提として…

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

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

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

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

重要

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

WordPress開設 基本4ステップ

とはまた別で、本来必要な「4ステップ」が「1ステップ」にまとめられた…

WordPressクイックスタート

という【新方式】の開設方法が始まっています ↓

【2021年】エックスサーバー「WordPressクイックスタート」の開設手順(ブログ立ち上げ方法) アイキャッチ
【2021年】エックスサーバー「WordPressクイックスタート」の開設手順(ブログ立ち上げ方法)を初心者向けに1から解説【メリット&デメリットまで】

続きを見る

 

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

 

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

 

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

WordPress開設 基本4ステップ

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

 
 

ということで!

本題の「エックスサーバー」と「エックスサーバードメイン」の場合における…

サーバーとドメインの連携設定 & ドメインのSSL設定

の手順についてですが、2つのステップで丁寧に解説していきます

  1. Xserverアカウントにて、「ネームサーバー設定」を行う ※実際には確認だけでOK!
  2. Xserver サーバーパネルにて、「ドメイン設定の追加」と「SSL設定」を行う

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

むずかしそうに見えるかもだけど、実際は超簡単なのでご安心を!
 

\ 当ブログで愛用しています /

WING AFFINGER5 02-350px

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

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

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

WING AFFINGER5って実際どうなの?気に入ってる点・気になる点を専業ブロガーが本気レビュー アイキャッチ
【1番の本質】WING AFFINGER5って実際どう?気に入ってる点・気になる点を、専業ブロガーが本気レビュー【WordPressの愛用テーマ】

続きを見る

【2021年】WordPressブログにおける広告リンクの貼り方「3パターン」 アイキャッチ
【2021年】WordPressにおける広告リンクの貼り方「3パターン」を初心者向けに解説【アフィリエイト広告コードの挿入方法/「タグ管理プラグイン」が最強におすすめ】

続きを見る

【2021年版】エックスサーバー&エックスサーバードメインの連携(接続)設定と、SSL設定のやり方を初心者向けに解説【サーバー&ドメインの接続方法/WordPressのブログ開設】

ステップ①:Xserverアカウントにて、「ネームサーバー設定」を行う【エックスサーバーとエックスサーバードメインを「ドメイン側」から連携させる設定】

WordPress ヘッダー b-01

1つ目のステップは、管理画面「Xserverアカウント」で行う…

ネームサーバー設定

の手順について

 

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

「ドメイン」側から連携させるための設定

になります

 

まずは Xserverアカウント にアクセスして、ログインを済ませましょう

 

ログインできたら、そのなかの…

【2021年】エックスサーバーとエックスサーバードメインの連携設定&SSL設定の手順 1-1-01-a

↑「ドメイン」というエリアに、取得済みの「Xserverドメイン」が一覧で表示されているので、該当ドメインの右端にある「・・・」アイコンをクリックで開き…

【2021年】エックスサーバー&エックスサーバードメインの連携設定と、SSL設定のやり方 1-1-01-b

↑ 開いたメニュー内から、「ネームサーバー設定」という項目をクリックします

 

「ネームサーバー設定」の画面が表示されたら…

【2021年】エックスサーバー&エックスサーバードメインの連携設定と、SSL設定のやり方 1-1-02

↑「ドメイン適用先サービス」という選択肢で、上の画像例のように…

XSERVER

が選択された状態になっていることを確認しましょう

 

上記のように「XSERVER」がちゃんと選択されていれば、ここの設定はそのままノータッチでOKです

その下の「確認画面へ進む」というボタンも、クリックは不要だよ!
 

ちなみに

万が一、「XSERVER」以外のサービスが意図せず選択されてしまっている場合は…

「XSERVER」を選択 > 「確認画面へ進む」 > 「設定を変更する」

で変更すればOKです

 

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

【2021年】エックスサーバー&エックスサーバードメインの連携設定と、SSL設定のやり方 1-1-03

↑ プロフィールアイコンをクリックで開き、そのなかの「ログアウト」ボタンをクリックして、次の【ステップ②】に進みましょう🐥

\ 当ブログで愛用しています /

WING AFFINGER5 02-350px

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

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

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

 

ステップ②:Xserver サーバーパネルにて、「ドメイン設定の追加」と「SSL設定」を行う【エックスサーバーとエックスサーバードメインを「サーバー側」から連携させる設定】

WordPress ヘッダー b-02

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

ドメイン設定の追加

という作業です

 

まず!

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

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

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

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

させていきます

 

このように、WordPressブログというのは…

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

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

 

そして!

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

無料独自SSL

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

 

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

超がつくほど基礎的なセキュリティー設定だよ!
 

ちなみに

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

http → https

へと変わります

 

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

 

まずは、 Xserver サーバーパネル にアクセスしてログインしましょう

 

ログインしたら、TOP画面の右上にある…

【2021年】エックスサーバー&エックスサーバードメインの連携設定と、SSL設定のやり方 1-2-01

↑「ドメイン」というエリアの「ドメイン設定」という項目をクリックして、そのなかの…

【2021年】エックスサーバー&エックスサーバードメインの連携設定と、SSL設定のやり方 1-2-02

↑「ドメイン設定追加」というタブをクリックします

 

すると…

【2021年】エックスサーバー&エックスサーバードメインの連携設定と、SSL設定のやり方 1-2-03-a

↑ ドメイン名の入力フォームが表示されるので、今回「エックスサーバー」に連携させたい取得済みの「ドメイン名」をそのまま入力しましょう

 

POINT

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

https://azuki-sample.com

だとすると、その先頭部分 https:// を除いた…

azuki-sample.com

にあたる部分となります

 

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

 

「ドメイン名」を入力できたら、その下に表示されている…

【2021年】エックスサーバー&エックスサーバードメインの連携設定と、SSL設定のやり方 1-2-03-b

↑ こちらの…

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

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

明確な事情でもない限り、ここは2つとも「チェックあり」のままが定石!
 

つづいて、画面右下にある「確認画面へ進む」ボタンをクリックです

 

すると…

【2021年】エックスサーバー&エックスサーバードメインの連携設定と、SSL設定のやり方 1-2-03-c

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

 

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

【2021年】エックスサーバー&エックスサーバードメインの連携設定と、SSL設定のやり方 1-2-04-a

↑ このような完了画面に切り替わったら、この「サーバー側から行うサーバーとドメインの連携設定」についても完了です

 

ただし!

上の画面を閉じてしまう前に、さきほど「チェックあり」の状態にしておいた…

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

という2つのオプション設定についても、「正常に設定されているかどうか?」このタイミングで念のため確認しておきましょう

 

まず「無料独自SSL設定」については、上の完了画面のなかで…

【2021年】エックスサーバー&エックスサーバードメインの連携設定と、SSL設定のやり方 1-2-04-b

↑「無料独自SSL設定」の項目が…

設定済

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

ただし、実際の反映までは最大で1時間ほどかかるよ!
 

そしてもう一方の「Xアクセラレータ」については、同じ完了画面のなかで…

【2021年】エックスサーバー&エックスサーバードメインの連携設定と、SSL設定のやり方 1-2-04-c

↑「Xアクセラレータ」の項目が…

「Xアクセラレータ Ver.●」が有効になりました

と表示されていれば、設定は成功となります

 

特に!

前者の「無料独自SSL設定」については、たまに「設定エラー」になってしまうパターンが経験上あるので注意しましょう

 

ドメインの取得後から間を置かずに設定すると、エラーになりやすいのかもしれません(あくまで個人的な見解です…)

 

「SSL設定」がエラーになった場合や、後からやっぱり追加設定したい場合は…

「Xserver サーバーパネル」ログイン後のTOP画面から…

  1. 右上の「ドメイン」というエリアにある「SSL設定」という項目をクリック
  2. 「独自SSL設定追加」タブをクリック

の手順で、あとは画面の案内に沿って設定すればOKです

 

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

 

「Xアクセラレータ設定」がエラーになった場合や、後からやっぱり追加設定したい場合は…

「Xserver サーバーパネル」ログイン後のTOP画面から…

  1. 右上の「高速化」というエリアにある「Xアクセラレータ」という項目をクリック
  2. 該当のドメイン名を選択

の手順で、あとは画面の案内に沿って設定すればOKです

 

Xアクセラレータの「バージョン」については、基本的にはデフォルトの最新Ver.のままが定石だと思いますが、お使いのWordPress環境との相性もあるので一概に「このバージョンが正解!」というのはありません(参考までにこのブログでは、使用中のプラグイン「AFFINGERタグ管理マネージャー3」の対応環境をふまえて「Ver.1」に切り替えています

 

ということで…

最後に画面右上の「ログアウト」をクリックしたら、今回の設定については一通り完了となります🐥

ここまでお疲れさまっ!

WordPress開設の基本4ステップ

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

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

 

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

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

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

\ 当ブログで愛用しています /

WING AFFINGER5 02-350px

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

WING AFFINGER5

 

 ✔ 洗練されたビジュアルと、ターゲットに合わせた「変幻自在」な柔軟性!

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

 ✔ 本気で戦うためのSEO対策と、「稼ぐ」に特化したアフィリエイト機能!

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

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

関連:WING AFFINGER5って実際どう?気に入ってる点・気になる点を、専業ブロガーが本気レビュー【愛用テーマ】

【2021年】WordPressブログにおける広告リンクの貼り方「3パターン」 アイキャッチ
【2021年】WordPressにおける広告リンクの貼り方「3パターン」を初心者向けに解説【アフィリエイト広告コードの挿入方法/「タグ管理プラグイン」が最強におすすめ】

続きを見る

 

About me

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

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

あずき

 

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

 

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます。 普段はTwitter(@azuki_rinrin)にわりといるので、覗いてもらえると嬉しいです^^

-WORDPRESS

© 2019 あずきのぶろぐ