WEB歴 8年の専門家が、ブログを始めるのに必要な知識を『どこよりも』わかりやすく説明!

お問い合わせ
公開:2020年7月31日 / 更新:2021年2月10日

【図解】お名前.comの独自ドメインをロリポップのブログで使う方法

「お名前.com」の公式サイトのトップページ

お名前.com

ロリポップ!爆速宣言のハイスピードプラン

ロリポップ!

独自ドメインを取得したけれど、ブログのドメインにする方法がわからない…
といった方向けに、その方法をわかりやすく説明します。

当記事で説明する内容は、下記組み合わせの場合です。

パソコンが苦手…という方も安心してください。
26枚の画像を使って分かりやすく説明しているので、一切迷うことありません。

なお、これからレンタルサーバーを契約する方は、ぜひ、次の記事をご覧ください。
毎年1,500円ほど「得する」ことが出来ます。

»»» 独自ドメイン費用が【無料】のレンタルサーバー3選!適用条件も解説

作業の流れ:やることは4つ

はじめに、今回行う作業の流れを紹介します。それは、以下のものです。

  1. お名前.comで、独自ドメインのネームサーバー(DNS)を変更
  2. ロリポップ!で、独自ドメインとブログを関連付ける
  3. WordPressアドレス(URL)を 独自ドメインに変更
  4. 独自ドメインにアクセスしてホームページの表示を確認

作業時間は、全部で10分程度です。


↑ 目次にもどる




1. お名前.comでドメインのネームサーバー(DNS)を変更

「お名前.com」の公式サイトのトップページ

はじめに、お名前.comのユーザー管理画面で、下記作業を行います。

ロリポップで使用するドメインのネームサーバー(DNS)を、

「お名前.com」から「ロリポップ」に変更する

ここからは、上記作業について詳しく説明していきます。

1.お名前.com Navi にログイン

お名前.com Naviログインのログイン画面

まず、「お名前.com Navi」にログインします。下記リンクです。

»»» 「お名前.com Naviログイン」ページを表示する

2. ドメイン設定ページを表示

「お名前.com Navi」にログインしたら、ドメイン設定ページを表示します。

手順は以下のとおりです。

1.上部メニュー「ドメイン」にマウスカーソルを合わせる

「お名前.com」のユーザー管理画面の上部にあるメニューボタン(グローバルナビゲーション)

まず、「ページ上部にあるメニュー」の左から2番目「ドメイン」にマウスカーソルを合わせます。

そうすると、ドメインの下に詳細メニューが表示されます(下の画像参照)。

「お名前.com」のユーザー管理画面上部にあるメニューボタンの一つ「利用ドメイン一覧」

2.表示された詳細メニューの「利用ドメイン一覧」をクリック

ドメインの下に詳細メニューが表示されたら、そのなかにある「利用ドメイン一覧」をクリックしてください(先ほどの画像参照)。

そうすると、「ドメイン設定」ページが表示されます(次の画像参照)。

3.「ドメイン設定」ページが表示される

「お名前.com」のユーザー管理画面の「ドメイン設定」ページ

「ドメイン設定」ページが表示された方は、下記リンクをクリックしてください。

»»»次のステップへ移動する

ログイン後に表示される「上部メニュー」が違う場合

ときどき、ログイン後に表示される「ページ上部のメニュー」が、先ほど紹介したものと違うことがあります。

たとえば、以下のようなものです(下画像を参照)。

「お名前.com」のユーザー管理画面の上部にあるメニューボタン(グローバルナビゲーション)

このような場合は、下記作業を行なってください。

1.お名前.com Naviのトップページへ移動

まず、お名前.com Naviのトップページへ移動します。手順は、以下のとおり。

  1. 画面左上にある「お名前.com」のロゴマークをクリック
  2. 「このサイトを離れますか?」というメッセージが表示されたら「OK」を押す
「お名前.com Navi」にログインした後に表示されるページ

↑ お名前.comのロゴ

2.トップページからドメイン設定ページへ移動

次に、トップページからドメイン設定ページへ移動します。手順は、以下のとおり。

「お名前.com」のユーザー管理画面上部にあるメニューボタン(グローバルナビゲーション)

↑ ①左から2番目「ドメイン」にマウスカーソルを合わせる

「お名前.com」のユーザー管理画面上部にあるメニューボタンの一つ「利用ドメイン一覧」

↑ ②表示された詳細メニューのなかにある「利用ドメイン一覧」をクリック

3. ドメイン設定ページで「ネームサーバー」設定画面を開く

ドメイン設定ページが表示されたら、「ネームサーバー」設定画面を開きます。
手順は、以下のとおり。

  1. 「ロリポップで使用したい」ドメインを探す
  2.  上記の「ネームサーバー」項目にある「初期設定」をクリック(下画像の赤枠)
「お名前.com」ユーザー管理画面の「ドメイン設定」ページ

↑ ネームサーバーの下にある「初期設定」をクリック(赤枠)

4. ネームサーバー設定をお名前.comからロリポップに変更

「お名前.com」ユーザー管理画面の「ネームサーバー設定」画面

「ネームサーバー設定画面」が表示されたら、ネームサーバーを「お名前.com」から「ロリポップ」に変更します。

作業手順は、以下のとおりです。

1. 「ネームサーバーの選択」の下にある「その他」タブをクリック

「お名前.com」ユーザー管理画面の「ネームサーバー設定」画面にある「その他」タブをクリック

まず、「 2.ネームサーバーの選択」の下にある「その他」タブをクリックします(上画像の赤枠)。

そうすると、タブ下の表示が「その他のネームサーバーを使う」に変わります(次の画像参照)。

2. 「その他のネームサーバーを使う」をチェック状態にする

「お名前.com」ユーザー管理画面の「ネームサーバー設定」画面にある「その他のネームサーバーを使う」という項目

「その他のネームサーバーを使う」が表示されたら、その左側にあるチェックボタン(上画像①)をクリックしてください。

そうすると、チェックボタン(上画像①)が青色になります(青色=チェック状態)。

3. ロリポップのネームサーバーを入力

「お名前.com」ユーザー管理画面の「ネームサーバー設定」画面にある「その他のネームサーバーを使う」という項目

「その他のネームサーバーを使う(上画像①)」をチェック状態にしたら、上画像②に下記を入力してください。

  • ネームサーバー1:uns01.lolipop.jp
  • ネームサーバー2:uns02.lolipop.jp

 ロリポップのネームサーバー(公式サイトを確認する)

4. 「確認ボタン」を押す

「お名前.com」ユーザー管理画面の「ネームサーバー設定」画面にある「確認」ボタン

ロリポップのネームサーバーを入力したら、ページ下部にある「確認」ボタン(上画像の赤枠)を押してください。

5. 確認画面が表示される

ページ下部にある「確認」ボタンを押すと、ページ中央に確認画面が表示されます(次の画像参照)。

5. 設定内容を確認して問題がなければ「OKボタン」を押す

確認メッセージ「ご確認。以下の内容でネームサーバーの設定をします。よろしいですか?」

上記の確認画面が表示されたら、これまでに設定した内容に間違いがないかをチェックしてください。

具体的には、下記に間違いがないかを確認します。

確認する項目

  • 対象ドメイン … ブログで使用したいドメイン
  • ネームサーバー情報 … ロリポップのネームサーバー

上記内容に間違いがなければ、確認画面の右下にある「OK」ボタンをクリックしてください(先ほどの画像赤枠)。

そうすると、確認画面が消えます。

6.設定完了

確認画面が消えたら、お名前ドットコムのネームサーバー(DNS)設定は完了です。

なお、お名前.com Navi は、このまま閉じてOKです。


↑ 目次にもどる

これからWordPressをインストールする場合は【作業完了】

これからWordPressをインストールする場合は、ここより先の作業は不要です。

なぜかというと、WordPressインストール時に独自ドメインを設定するからです。
詳しい方法については、次の記事をご覧ください。

»»» 【独自ドメイン対応】ロリポップにWordPressをインストールする方法


↑ 目次にもどる

2. ロリポップで、独自ドメインとブログを関連付ける

ロリポップ!爆速宣言のハイスピードプラン

次に、ロリポップのユーザー管理画面で、下記作業を行います。

お名前.comにある独自ドメインと、そのドメインを使用するブログを関連づける

ここからは、上記作業について詳しく説明していきます。

1. ユーザー管理画面(会員ページ)にログイン

「ロリポップ!」のユーザ管理画面 ログインページ

まず、「ロリポップ!」のユーザー管理画面(会員ページ)にログインします。
下記リンクです。

»»» ユーザ管理画面 ログインページ

2. 「独自ドメイン設定」画面を表示

「ロリポップ!」のユーザー管理画面にログインしたら、「独自ドメイン設定」画面を表示します。

手順は、以下のとおりです。

画面左にあるメニューの「サーバーの管理・設定」をクリック

ロリポップのユーザー管理画面の左メニューにある「サーバーの管理・設定」をクリック

まず、ユーザー管理画面の左メニューにある「サーバーの管理・設定」をクリックしてください(上の画像参照)。

そうすると、「サーバーの管理・設定」の右側に、詳細メニューが表示されます(上の画像参照)。

詳細メニューの「独自ドメイン設定」をクリック

ロリポップのユーザー管理画面の左メニューにある「独自ドメイン設定」をクリック

「サーバーの管理・設定」の右側に詳細メニューが表示されたら、そのなかにある「独自ドメイン設定」をクリックしてください(上の画像赤枠)。

「独自ドメイン設定」が表示される

「独自ドメイン設定」をクリックすると、「独自ドメイン設定」画面が表示されます(下の画像参照)。

ロリポップのユーザー管理画面の「独自ドメイン設定」ページ

3. 独自ドメインとブログデータを関連づける

「独自ドメイン設定」画面が表示されたら、次は、独自ドメインと「そのドメインを使用するブログのデータ」を関連づけます。

手順は、以下のとおりです。

「独自ドメイン設定」ボタンをクリック

ロリポップのユーザー管理画面「独自ドメイン設定」ページ
                            の下の方にある「独自ドメイン設定」ボタンをクリック

まず、「独自ドメイン設定」ページの下の方にある「独自ドメイン設定」ボタンをクリックしてください(上画像の赤枠)。

「独自ドメインをロリポップ!に設定する」画面が表示される

ロリポップのユーザー管理画面「独自ドメイン設定」ページに、
                            「ステップ2.独自ドメインをロリポップ!に設定する」が表示される

「独自ドメイン設定」ボタンをクリックすると、上画像の「ステップ2.独自ドメインをロリポップ!に設定する」画面が表示されます。

独自ドメインとブログデータを関連づける

「ステップ2.独自ドメインをロリポップ!に設定する」画面が表示されたら、次は、独自ドメインとブログデータを関連づけます。

設定箇所と内容は以下のとおり。

ロリポップのユーザー管理画面「独自ドメイン設定」ページにある
                            「ステップ2.独自ドメインをロリポップ!に設定する」部分

① 設定する独自ドメイン… お名前.comで取得した独自ドメイン

② 公開(アップロード)フォルダ…
上記ドメインを使用するブログデータ(Wordpressをインストールしたフォルダ)

ちなみに、ロリポップ!アクセラレーターはチェック状態にしてください。
理由は、サイト表示を高速化できるからです。

»»» 参考:ロリポップ!アクセラレータ

上記項目①②を入力したら「独自ドメインをチェックする」ボタン(上の画像③)をクリックしてください。

「設定内容」確認画面が表示される

ロリポップのユーザー管理画面「独自ドメイン設定」ページにあるの下の方にある
                            「設定」ボタン

「独自ドメインをチェックする」ボタンをクリックすると、上記の「設定内容」確認画面が表示されます。

上記画像に表示されている文章

「下記のドメインで設定を行います。間違いがなければ、設定ボタンをクリックしてください。」

「設定内容」に間違いがなければ「設定」ボタンをおす

ロリポップのユーザー管理画面「独自ドメイン設定」ページにあるの下の方にある
                            「設定」ボタン

表示された「設定内容」確認画面を見て、内容に問題がなければ「設定」ボタン押してください(上画像の赤枠)。

「〇〇の登録が完了しました」と表示されたら作業完了

ロリポップのユーザー管理画面「独自ドメイン設定」ページに「〇〇の登録が完了しました」と表示される

「設定」ボタン押した後に、上記の「〇〇の登録が完了しました」という画面が表示されたら、「ロリポップでの独自ドメイン設定」は完了です。

なお、ロリポップ会員ページは、このまま閉じてOKです。


↑ 目次にもどる

WordPressアドレス(URL)を 独自ドメインに変更

独自ドメインを設定する前にWordPressをインストールしている場合は、以下の作業が必要です。

一般設定の下記項目を独自ドメインを使ったものに変更

  • WordPressアドレス(URL)
  • サイトアドレス(URL)

 下画像の赤枠部分

WordPressの「一般設定」画面にある「WordPressアドレスURL」と「サイトアドレス(URL)」という項目

変更内容を、具体例を使って説明すると以下のとおり。

設定されているURLの「ドメイン部分を独自ドメイン」に変更

  • 変更前:http:example.com/wordpress/
  • 独自ドメインに変更後:http:tk-create.xyz//wordpress/

  上記、ピンク色の部分(ドメイン)だけを変更する。

ちなみに、サイトアドレス(URL)が空白になっている場合は、そのままの状態(空白のまま)にしておいてください。

また、設定変更をした後は、「変更を保存」ボタンを忘れずに押してください。

【注意】WordPress管理画面ログインページURLが変わる

WordPressのログイン画面

WordPressアドレスとサイトアドレスを変更すると、WordPress管理画面ログインページURLが変わります。

具体例を使って説明すると、以下のとおり。

ドメイン部分が変わる(下記ピンク色の部分)

  • 変更前:http:example.com/wordpress/wp-login.php
  • 独自ドメイン変更後:http:tk-create.xyz//wordpress/wp-login.php

自動ログアウトした際のURLをメモしておく

先述した下記2つを変更すると、自動的にWordPressの管理画面からログアウトします(ログイン画面が表示される)。

一般設定

  • WordPressアドレス(URL)
  • サイトアドレス(URL)

 下画像の赤枠部分

このときに表示されるWordPress管理画面ログインページURLを、メモしておいてください。

なぜかというと、表示されているWordPress管理画面ログインページURLは、独自ドメイン変更後のものだからです。

設定変更をする理由:ブログのデザインが崩れるから

ちなみに、WordPressアドレス(URL)およびサイトアドレス(URL)を変更する理由は、ブログのデザインが崩れるからです。

具体例を紹介すると、以下のとおり。

設定変更しない場合のブログ表示

ブログのデザインが崩れて表示されている

設定変更した場合のブログ表示

ブログのデザインが崩れずに「きれいに」表示されている

以上で、WordPressアドレス(URL)を 独自ドメインに変更、は終了です。

↑ 目次にもどる

4. 独自ドメインにアクセスしてブログの表示を確認する

独自ドメインの設定が完了したら、独自ドメインにアクセスして「ブログが表示されるかどうか」を確認しておきましょう。

なお、確認作業は、独自ドメインの設定が完了してから24時間後にすることをオススメします。

なぜかというと、独自ドメインの設定変更が反映されるのは、設定完了後 24時間から72時間後だからです(下記参照)。

設定後どれくらいで見れるようになりますか?

DNS(ネームサーバー)の設定を変更して反映するまでには、タイムラグが生じます。通常は24時間~48時間で反映されますが、長い場合2、3日かかることもあります。

ちなみに、ネームサーバーの設定変更が反映されていないうちに独自ドメインにアクセスすると、下記メッセージが表示されます。

ウェブブラウザに「このサイトにアクセスできません。tk-create.xyzのサーバーの IP アドレスが見つかりませんでした。DNS_PROBE_FINISHED_NXDOMAIN」と表示されている

上記メッセージ

このサイトにアクセスできません

tk-create.xyzのサーバーの IP アドレスが見つかりませんでした。

DNS_PROBE_FINISHED_NXDOMAIN


tk-create.xyzの部分は、設定した独自ドメインによって違う


以上で、独自ドメインにアクセスしてホームページの表示を確認する、は終了です。

↑ 目次にもどる

403 error(エラー)が表示される場合の解決方法

ウェブブラウザに「403error。現在、このページへのアクセスは禁止されています。サイト管理者の方はページの権限設定等が適切かご確認ください。」と表示されている

独自ドメインの設定をしてから72時間たっても「403 error(エラー)」が表示される場合は、設定ミスが考えられます。

この場合は、ロリポップで設定した「公開(アップロード)フォルダの名前が正しいか」を確認してください(下の画像②)。

ロリポップのユーザー管理画面の「独自ドメイン設定」画面にある「ステップ2.独自ドメインをロリポップ!に設定する」という項目

そして、「公開(アップロード)フォルダの名前」が間違っていた場合は、正しいものに修正してください。

手順は、以下のとおりです。

独自ドメイン設定画面を表示

まず、「独自ドメイン設定」画面を表示してください。手順は先述したので省略します。

»»» 「独自ドメイン設定」画面を表示する方法をみる

公開(アップロード)フォルダ設定画面を表示

ロリポップのユーザー管理画面の「独自ドメイン設定」画面の下の方にある「確認・変更」ボタン

「独自ドメイン設定」画面が表示されたら、画面の下の方にあるドメイン一覧から公開(アップロード)フォルダを修正するドメインを探してください。

ドメインを見つけたら、そのドメインの右側にある「確認・変更」をクリックします。

公開(アップロード)フォルダを修正して「更新」

ロリポップのユーザー管理画面にある「独自ドメイン設定」画面の「公開アップロードフォルダの設定」という項目

ドメインの右側にある「確認・変更」をクリックすると、公開(アップロード)フォルダを設定する画面が表示されます(上画像を参照)。

設定画面が表示されたら、公開(アップロード)フォルダを修正して「更新ボタン」を押してください。

ブログの表示確認は、修正してから1時間後に行う

独自ドメインでブログが表示されるかどうかの確認は、公開(アップロード)フォルダを修正してから1時間後に行なってください。

理由は、下記のとおり。

設定後どれくらいで見れるようになりますか?

DNS(ネームサーバー)の設定が反映されている状態の場合、設定後約1時間で見ることができます。

【参考】公開フォルダの入力ミスは、エラーにならない

ちなみに、ロリポップの場合、公開(アップロード)フォルダに「実際しないフォルダ」を指定してもエラーになりません。

なぜかというと、実在しないフォルダを指定した場合、そのフォルダをロリポップのシステムが自動作成するからです。

具体例で説明すると、以下のとおり。

サーバーに「sample」というフォルダがない場合、システムが「sample」というフォルダを自動作成する

上記のような仕組みになっているため、フォルダ名を間違えても「なかなか」気づきませんので、注意してください。


以上で、403 error(エラー)が表示される場合の解決方法、は終了です。

↑ 目次にもどる

おわりに:関連記事の紹介

以上で、当記事の内容は終了です。

当記事が、これからブログを始める方の役に立てば嬉しいです。

独自ドメイン費用が【無料】のレンタルサーバー3選!適用条件も解説

「XSERVER」はドメイン無料キャンペーンがある

»»» 独自ドメイン費用が【無料】のレンタルサーバー3選!適用条件も解説

ブログの初期設定(独自ドメイン × レンタルサーバー)

ムームードメインのユーザー管理画面にある「ドメインごとのネームサーバ設定変更」画面

関連記事:お名前.com設定解説

お名前.com Naviログインのログイン画面

関連記事:ロリポップ【その他】

ロリポップ!爆速宣言のハイスピードプラン

↑ 目次にもどる

  • カテゴリ:
  • SEO
トップへ戻るボタン