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

↑ お名前.com

↑ ロリポップ！

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

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

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

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

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

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

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

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

↑ 目次にもどる

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

↑ お名前.comのロゴ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6.設定完了

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

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

↑ 目次にもどる

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

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

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

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

↑ 目次にもどる

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

»»» 参考：ロリポップ！アクセラレータ

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

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

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

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

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

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

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

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

↑ 目次にもどる

WordPressアドレス（URL）を 独自ドメインに変更

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

↑ 目次にもどる

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

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

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

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

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

DNS（ネームサーバー）の設定を変更して反映するまでには、タイムラグが生じます。通常は２４時間～４８時間で反映されますが、長い場合２、３日かかることもあります。

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

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

↑ 目次にもどる

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

理由は、下記のとおり。

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

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

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

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

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

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

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

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

↑ 目次にもどる

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

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

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

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

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

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

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

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

↑ 目次にもどる

当記事の内容が役にたったという方は、ぜひ、他の方に紹介してください。