はてなブログProで独自ドメインを設定してみた(エックスサーバ編)

エックスサーバ編もなにも単発の予定ですが，気にしないでおきます．
早速ですが当ブログに独自ドメインを設定していきます．

はてなブログProに登録しておく

独自ドメインを使うにははてなブログProに登録しておかなければなりません．
年間一括のほうが安いですが，自分はとりあえず毎月払いにしておきました．

既に持っている場合は関係ないですが，ない場合は新たに作らないといけません．
作るときに思ったのですが，はてなブログProに登録していても最初から独自ドメインでブログ開設できないんですね．
一度「hatenablog.net」等のドメインで作ってから独自ドメイン設定を行う必要があります．

ドメインを持っていない場合は取得が必要です．
新規で取得する場合は「お名前.com」や「バリュードメイン」がおすすめです．

ここからはエックスサーバのサーバーパネルで行います．

「DNSレコード設定」をクリックします。

該当のドメインを選択します。

「DNSレコードの追加」タブに移動し、ホスト名、種別、内容を入力します。　　

これでドメイン側の設定は終わりです．

はてなブログ側はドメイン側で設定したドメイン名を入力するだけです．

「設定」→「詳細設定」で独自ドメインの欄に入力します．

設定更新後に「ドメイン設定をチェック」をクリックし，設定状況が有効となればOKです．

アクセスしてみて表示されることを確認します．

本来CNAMEレコードと他のレコードの重複はNGなようですが，動いているので良しとしましょう･･･
誰か詳しい方いましたら教えてください．