完全図解!独自ドメインをサーバーに設定する方法

図解で簡単!独自ドメインをサーバーに設定する方法

 

ここあです。

 

あなたのオウンドメディアをWordPressで

Webサイトとして立ち上げる場合

 

少なくとも以下の2点が必要となります。

 

しかし、いくらサーバーを借りて

あなたの独自ドメインを取得しても、それは単純に…

 

レンタルサーバーの契約が済み

あなたの独自ドメインが手に入ったというだけ。

 

そのままではあなたの独自ドメインは

WebサイトのURL(住所)としては機能しないんですね…^^;

 

独自ドメインはインターネット上の住所のようなものですが…

あなたの独自ドメインをどのサーバーで運用するのか

つまり、独自ドメインをサーバーに設定して初めて

 

あなたのオウンドメディアである

WebサイトのURL(住所)として機能するようになります。

これだけは知っておきたい!オウンドメディアの8つの知識

 

ということで、今回はムームードメインで取得した

あなたの独自ドメインをエックスサーバーで

運用するための手順について図解で詳しく解説致します。

 

それでは早速、設定作業を一緒に進めていきましょう^^

 

独自ドメインの設定方法(エックスサーバー)

独自ドメインの設定方法(エックスサーバー)

 

先にエックスサーバーのドメイン設定の方法から

解説していきます。

 

まずは、エックスサーバーのインフォパネルにログインしましょう。

エックスサーバーのインフォパネルへ

 

エックスサーバーはログイン頻度も高くなるので

お気に入り登録しておくと便利です。

  • Windowの場合:Ctrl + D
  • Macの場合:command + D

を押すことで、ショートカットでお気に入り登録ができます。

 

インフォパネルへはトップページの

画面右上のログインボタンより選択できます。

エックスサーバーインフォパネルにログイン

 

 

インフォパネルのログイン画面を開いたら

IDとパスワードを入力してログインしましょう。

エックスサーバーインフォパネルログイン画面

 

 

インフォパネルにログインしたら

ご契約一覧にあるサーバーパネルのログインをクリックし

サーバーパネルにログインします。

エックスサーバーインフォパネル

 

 

そうすると、以下のようなサーバーパネルが開きますので

ドメイン設定をクリックしましょう。

エックスサーバー:サーバーパネル

 

 

ドメイン設定の画面が開いたら、続いて

ドメイン設定の追加をクリックしてください。

エックスサーバードメイン設定

 

 

ドメイン設定の詳細は以下の通りです。

エックスサーバー:ドメイン設定

 

●ドメイン名

ムームードメインで取得したドメイン名を入力
※.com、.net、.infoなど最後まで入力してください。

 

●無料独自SSLを利用する

あなたのオウンドメディアの通信プロトコルを

httpからhttpsに変えるために必要となります。

エックスサーバーは無料でサイトのSSL化ができますので

必ず利用するにチェックを入れましょう。

※SSLとは、Secure Socket Layer(セキュア・ソケット・レイヤー)の略。インターネット上で情報をやり取りする場合にデータを暗号化し、第三者からのデータ採取などからその情報を守るための通信技術のこと。これから作成するオウンドメディアのセキュリティ強化のためには必須です。チェックは必ず入れておきましょう。

 

●ドメイン設定の追加(確認)

追加したドメイン名に間違いがなければクリックしてください。

 

ドメイン設定の追加をクリックすると、もう一度

以下の画面より入力内容に間違いがないか確認できます。

問題がなければ、ドメイン設定の追加(確定)をクリックしましょう。

エックスサーバー:ドメイン設定

 

 

「ドメイン設定の追加を完了しました。設定内容は以下の通りです。」

という表示が出たら設定は完了です。

エックスサーバー:ドメイン設定

 

ドメイン設定が完了したら、念のため以下、ご確認ください。

 

●ドメイン名

あなたが追加したドメイン名。

 

●URL

あなたのオウンドメディアとなるWebサイトのURL。

※注意書きにもあるように、新しいドメインを設定した場合
 
ドメインがサーバーに反映されるまで、数時間〜24時間程度かかることがあります。
 そのまま作業を続けても大丈夫ですが、Webページは表示されませんので
 焦らないようにしてくださいね。時間が経てば表示されます^^

※独自ドメインのネームサーバを先に設定してある場合は
 通信プロトコルがSSL化され、URLはhttpsから始まるアドレスになります。

※ムームードメインのネームサーバをエックスサーバーに設定しないとサイトのSSL化ができませんので、URLはhttpのままになっています。SSL化は後から設定できるので焦らなくても全然大丈夫です

 

●無料独自SSL設定

ドメインのネームサーバを

先にエックスサーバーに変更した場合は正しく設定されます。

 

ムームードメインでのネームサーバ設定よりも先に

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

上記のようにサイトのSSL化ができずエラーとなります。

 

ただし、後からでもSSL化の設定はできますので

「失敗しました」と出ても、心配せずに無視してくださいね^^

 

ちなみに、エックスサーバーのドメイン永久無料キャンペーンで

独自ドメインを取得された場合は

エックスサーバーにドメインを追加するだけで作業は終わりです。

 

あとは、サーバーにドメインが反映するまで

お茶でも飲みながら待ちましょう^^

 

ムームードメインでドメインを取得したあなたは

引き続き、ドメイン設定の作業を続けてくださいね。

 

ネームサーバの設定方法(ムームードメイン側)

ネームサーバの設定方法(ムームードメイン側)

 

先程、エックスサーバーの

ドメイン永久無料キャンペーンで独自ドメインを取得した場合は

ネームサーバの設定は必要ありませんとお伝えしました。

 

しかし、ムームードメインで独自ドメインを取得した場合は

独自ドメインをエックスサーバーで使えるように

 

ドメインのネームサーバもムームードメイン側で

エックスサーバーのネームサーバに設定する必要があります。

 

ということで、まずは先程エックスサーバーに追加した

ドメインのサーバー情報を確認しましょう。

 

エックスサーバーのサーバーパネルのロゴをクリックし

サーバーパネルのトップページに戻ります。

エックスサーバー:ドメイン設定

 

 

サーバーパネルのトップページに戻ったら

サーバー情報をクリックしてください。

エックスサーバー:サーバーパネル

 

 

そうすると、以下のようなサーバー情報が表示されます。

今回、ムームードメイン側の設定に必要なのは

赤枠で囲んだネームサーバーの情報です。

エックスサーバー:サーバー情報

 

 

上記、5つをムームードメイン側に設定するので

そのままコピペできるように

ムームードメインのページを別タブで開きましょう。

 

以下、クリックすれば、画面が別タブで開きます^^

ムームードメインオフィシャルサイトへ

 

ムームードメインのトップページが開いたら

IDとパスワードを入力し、ログインしてください。

 

↓ 画面上のログインをクリック。

ムームードメインログイン画面

 

 

IDとパスワードを入力します。

ムームードメインログイン画面

 

 

ムームードメインにログインすると、画面中央に

ドメイン一覧という項目があります。

 

続いて、あなたがネームサーバを変更したい

ドメイン名をクリックし

ムームードメイン:トップページ

 

 

画面が切り替わったら、画面下にある

ネームサーバ設定変更をクリックしましょう。

ムームードメイン:ネームサーバ変更

 

 

ネームサーバ設定変更をクリックすると

以下のように画面が切り替わりますので

 

画面中央から少し下にある…

 

GMOペパポ以外のネームサーバを使用するにチェックを入れて

先程表示させたエックスサーバーのネームサーバ情報を

以下のように入力します。

 

ムームードメイン:ネームサーバ設定

 

 

ネームサーバ情報が入力できたら

ネームサーバ設定変更をクリックし

ムームードメイン:ネームサーバ設定

 

 

以下、ポップアップ画面が表示されたら

OKをクリックします。

ムームードメイン:ネームサーバ設定

 

 

最後に「ネームサーバの設定を変更しました」と表示されれば

ムームードメインで取得した独自ドメインを

エックスサーバーに反映する設定は完了です。

ムームードメイン:ネームサーバ設定

 

 

念のため、コントロールパネルから

あなたのドメイン設定を見直して、以下の通り

ネームサーバがxserverの表示になっていたら完璧です^^

 

ムームードメイン:ネームサーバの設定

 

 

ネームサーバの設定も

先程のエックスサーバーのドメイン設定同様

変更の設定にはしばらく時間がかかることがありますので

 

設定終了後は焦らず時間をおいて別の作業に移りましょう。

お疲れ様でした^^

 

独自ドメインをhttpsに設定する方法(エックスサーバー)

別の記事で詳しく説明しますが

先程、エックスサーバー側で独自ドメインの

サイトSSL化が失敗したあなたのために

 

エックスサーバーでSSL化の設定する方法を

簡単にだけご紹介しておきます。

 

後からいつでも設定できるので

どうしても気になる方だけ読み進めてくださいね…^^
そういう性格の方のお気持ちはめちゃくちゃよく分かります(笑)

 

これから先、オウンドメディアとしての

WebサイトのSSL化は必須になります。

 

なぜかと言うと、Google Chromeにしろ

Firefoxにしろ、SSL化をしていないサイトについては

各ブラウザの入力画面や、表示の際に

 

「安全なサイトではない」という

警告表示が出るようになったからです。

 

いくらあなたが誠実にサイト運営していても

ブラウザによって警告表示が出れば

それだけで訪問者の信用はなくなってしまいます。

 

なので、オウンドメディアのSSL化は

必ず設定するようにしてくださいね。

 

ということで、エックスサーバーから

あなたの独自ドメインをSSL化する設定方法だけ

簡単にご紹介しておきます。

 

まずは、エックスサーバーのトップページから

サーバーパネルにログインします。

エックスサーバーオフィシャルサイトへ

 

サーバーパネルにログインしたら

ドメイン設定の項目にあるSSL化設定をクリックしましょう。

エックスサーバー:サーバーペネル

 

 

SSL設定をクリックしたら、以下のような画面が開きますので

あなたが追加したSSL化したいドメインを選んで

一番右側の選択するをクリックしてください。

エックスサーバー:SSL設定

 

 

そのまま続いて、独自SSL設定の追加をクリックします。

エックスサーバー:SSL設定

 

 

独自SSL設定の追加をクリックすると…

 

以下のように設定対象ドメインが表示されますので

ドメインが選択できる場合は、設定したいドメインを選んで

右下の独自SSL設定を追加する(確定)をクリックしてください。

エックスサーバー:SSL設定

 

 

なお、CSR情報を入力するの部分については

チェックなしで大丈夫です。

 

独自SSL設定を確定させると

「SSL新規取得申請中です。しばらくお待ちください。」と

メッセージが表示されるので、しばらく待っていると…

エックスサーバー:SSL設定

 

 

「独自SSL設定を追加しました。」という画面に切り替わり

設定が完了します。

エックスサーバー:SSL設定

 

 

改めて、SSL設定の一覧を確認すると

このように、独自ドメインのURLがhttpsから始まる

SSL化されたURLに変わっています。

エックスサーバー:SSL設定

 

 

以上、簡単ではありますが、独自ドメインのSSL化を

エックスサーバー上で設定する方法をご紹介致しました。

 

オウンドメディアであるWebサイトのhttps化に関しては

もう少しだけ設定しなければならないことがありますので

いずれにしてもこちらの手順通りに進めてくださいね。

 

これで完璧!オウンドメディアをWordPressで構築する流れを全て解説(準備中)

 

独自ドメインをサーバーに設定する方法まとめ

独自ドメインをサーバーに設定する方法まとめ

 

今回は、ムームードメインで取得した独自ドメインを

エックスサーバーで運営できるように設定する方法を

図解とともに詳しく解説してきました。

 

具体的な画像を見ながら設定すれば

オウンドメディアの構築が初めてのあなたでも

簡単に設定することができたのではないでしょうか?

 

まだまだオウンドメディアの構築には

WordPressのインストールや初期設定

テンプレートによるデザインの調整など

 

やるべきことが山積みですが、1歩ずつ焦ることなく

確実にあなたのオウンドメディアを構築してくださいね。

 

それでは、引き続きFTPソフトのインストールへ進みましょう。

FTPソフトはあなたのパソコンとエックスサーバーとを繋いで

データのやり取りなどの仲介をしてくれる非常に便利なソフトです。

 

遅かれ早かれ、オウンドメディアの運営には

FTPソフトは必要となりますので

必ずインストールして、使い方をマスターしてくださいね^^

 

これは便利!FTPソフト「FileZilla」のインストール方法と使い方

 

最後までお読みいただきありがとうございました。

 

合わせて読みたいおすすめの記事

図解で簡単!独自ドメインをサーバーに設定する方法

サクサク使えて書くことに専念できる! ブロガー専用テーマ


究極のモバイルファーストテーマ
「STORK(ストーク)」

簡単操作でキレイなデザインが作れる!
記事を書くことだけに専念できる!
まさに、ワードプレス入門者の決定版!


ABOUTこの記事をかいた人

ここあ

グラフィックデザイナー歴20年。2017年アフィリエイトを始めて独立。デザイナーのスキルも生かし、アフィリエイトでストレスフリーな生活を楽しみながら、ネットビジネスの素晴らしさを一人でも多くの方に伝えたくこのブログを立ち上げました。