Kyomachi-blog

record of fighting:PHP/Laravel , HTML/CSS , Javascript etc

ドメイン|お名前.comで取得したドメインをエックスサーバーで使いたい(SSL設定まで)

f:id:kyomachiya:20181220030906j:plain


こんにちは、京町啓一です。

本日は、お名前.com で取得した独自ドメインをエックスサーバーで使うための作業について説明します。

はじめに

お名前.com のようなドメイン専門業者さんから取得したドメインを他のサーバー提供業者さんで使うためには、大きく2つの作業が必要です。

1.エックスサーバーでドメインの追加設定 2.お名前.com でネームサーバーの設定です。

💬 お名前.com で利用したドメイン名は事前に確認しておいてくださいね。

💬 ドメイン設定の変更が反映されるまでは、72時間程度かかることがあります(お名前.com公式)

ドメイン契約の基礎知識やネームサーバーが気になる方はこちらが非常に分かりやすいかと思いますので、紹介しておきます。

ドメインの取得・契約の基礎知識

【図解】DNSサーバーとは?設定・変更と確認方法

エックスサーバーでの設定作業

それでは、設定作業を進めていきます。まずはエックスサーバー側の設定です。

サーバーパネルにログインしましょう

ドメイン設定

右上のこちらですね。

f:id:kyomachiya:20181220013850p:plain

ドメインの追加

こちらの画面で、ドメイン設定の追加タブをクリックします。

f:id:kyomachiya:20181220014204p:plain

利用したいドメイン名を入力して、ドメイン設定の追加(確認)へ進みましょう。

f:id:kyomachiya:20181220014625p:plain

ドメイン設定の追加(決定)へ進みましょう

無料独自SSLについては、今はこのままで結構です。

エックスサーバーのネームサーバーを確認

ネームサーバーの設定についての箇所にある情報が、お名前.com で必要になりますので、画面はこのままにしておきましょう。

同じ情報は、サーバーパネル - アカウント(真ん中上あたりです)- サーバー情報からも確認できます。

タイムアウトしてしまった場合はいずれかにアクセスしなおしましょう。

ここまでで、一旦エックスサーバーから離れます。

お名前.com での設定作業

お名前.com Navi へログインして、左上のTOP横のドメインをクリックします。

ドメイン一覧が表示されますので、利用したいドメインの行のネームサーバーに記載のあるリンク先へ進みましょう

f:id:kyomachiya:20181220020107p:plain

ネームサーバーの変更

入力欄が足りないと思いますので、プラスのボタンで増やしてあげてくださいね。

f:id:kyomachiya:20181220020624p:plain

入力したあと、確認に進みましょう。

モーダルウインドウで「よろしいですか」と聞かれますので、OKとしましょう。

ローディングが終わるとエックスサーバーのネームサーバー情報を入力した画面に戻ります。

再度ドメイン一覧に戻って、ネームサーバーの箇所を確認すると、リンクが「その他」になっているかと思います。

直後に「ネームサーバー情報変更 完了通知」とメールが来れば、成功です。ネームサーバー情報に誤りがないかは確認しておきましょう。

参考:無料独自 SSL を利用したい場合

エックスサーバー側での設定のみになります。

公式マニュアルがとてもわかりやすので、そちらに沿っていけば設定することができます。

無料独自SSL設定 | レンタルサーバー【エックスサーバー】

公式マニュアルは、エックスサーバーのトップページ、(ナビゲーションの)マニュアル、サーバーについて、無料独自SSL設定とすすむとご覧いただけます。

f:id:kyomachiya:20181220022650p:plain

参考:Webサイトの常時 SSL 化

こちらは、無料独自 SSL のマニュアル中段あたりの記載です。リンク先の内容を核にして、環境に合わせて設定が必要になります。

f:id:kyomachiya:20181220022848p:plain

Webサイトの常時SSL化 | レンタルサーバー【エックスサーバー】

WordPress をエックスサーバーにインストールした直後であれば、マニュアルに記載の内容だけで対応できます。

既存サイトの場合は、リンクの修正作業やWebサーバーのリダイレクト設定(.htacessなど)が必要になります。

WordPress 常時SSL などのキーワード検索の結果には、参考になるサイトがたくさんあります。

今回はこちらでは扱いませんので、そちらを参考にしてみて下さい。

WordPress 常時SSL - Google 検索

まとめ

設定が反映されるまでは、その時々によって異なりますので、今までの作業に問題がなければ気長に待ちましょう。

と言いつつ、たまにURLを打ち込んでみると、

f:id:kyomachiya:20181220024528p:plain

などとなりますが、待ちましょう。

このようになれば、成功です。

f:id:kyomachiya:20181220030126p:plain

※何もインストールされていなくて、何もファイルがない場合

おめでとうございます。 素敵なウェブサイトができるいいですね。