お名前.comで取得したドメインをエックスサーバーに設定→WordPressに設定する全手順を解説!

今回の記事では、取得したあなたの独自ドメインに、
Wordpressをインストールして、ブログをオープンする作業をやっていきます。

ドメイン(https://powertraveler.jp/など、あなたの独自ドメイン)を取得しても、
それだけでは「ブログ」の形になりません。

オリジナルブログを作るためには、

  • ドメインを取得する(=屋号を決める)
  • サーバーを契約する(=インターネット上の土地を借りる)
  • WordPressをインストールする(=サイトの内装を整える)

という3つのことをする必要があります。

※ドメインとサーバーの取得方法についてはコチラの記事で解説しています。

この記事では、あなたのオリジナルブログを整えるために

  1. 取得したドメインとサーバーを紐付けする
  2. サーバーにドメインを認識させる
  3. WordPressをインストールする

という作業を行っていきます。

本文中、聞きなれない言葉などあると思いますが、
手順通りにすすめていただければ、早い方なら20分後にはブログは開設できます。

一緒に進めていきましょう!

1.取得したドメインとサーバーを紐付けする

まずは、取得した「ドメイン」と「サーバー」を紐付けする作業です。

今回の一連の記事では、

  • ドメイン:お名前.com
  • サーバー:エックスサーバー

で契約をしました。

この2つは別々の会社ですので、「このドメインは、こちらのサーバーで利用しますよ」という紐付け作業を行う必要があります。

まずはお名前.comのドメイン管理画面にログインをして、ドメインとサーバーを紐付けする作業を行っていきましょう!

1-1. お名前.comの管理画面にログインする

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-37-43

まずは、

http://www.onamae.com/

にアクセスをして、右上の「ドメインNAVIログイン」をクリックしましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-38-26

ドメインNaviのログイン画面があるので、ログイン情報を入力します。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-41-13

ログインをすると、こちらの「ドメイン契約更新」の画面が出て来るのですが、
左上にあるグローバルメニューの「Navi TOP」をクリックします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-41-38

あなたが契約しているドメインの一覧が表示されました。

1-2. ネームサーバーを変更する

これがはじめての利用という場合は、
取得したドメインひとつだけ表示されている状態になります。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-41-57

一番右に「ネームサーバー」という項目がありますので、
あなたのブログのドメイン欄にある「変更する」をクリックしましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-42-31

登録情報は正しいので、手続きを進める」をクリックします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-42-45

この部分で、取得したドメインとサーバーを結びつけることができます。今回はエックスサーバーを使用しますので、「他のネームサーバーを利用」を選択します。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-46-52

こちらの「ネームサーバー情報を入力」画面に、
エックスサーバーのサーバー情報を入力していきます。

ちなみにネームサーバーとは、
「このドメインはこのサーバーで使いますよ!」という
サーバーの名前のことを指します。

エックスサーバーのネームサーバーは、

ネームサーバー1 ns1.xserver.jp
ネームサーバー2 ns2.xserver.jp
ネームサーバー3 ns3.xserver.jp
ネームサーバー4 ns4.xserver.jp
ネームサーバー5 ns5.xserver.jp

となっていますので、この通り入力をしていきましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-47-24

正しく入力できたら「設定する」をクリックします。

これでドメイン側のネームサーバーの設定(サーバーとの紐付け設定)が完了しました!

2. サーバーにドメインを認識させる

次に、エックスサーバーの管理画面に入って、
あなたのドメインを認識させる作業に進みます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-26-14-24-02

まずは、

https://www.xserver.ne.jp/login_info.php

にアクセスをして、サーバーにログインをしましょう。

上の「インフォパネル」のタブになっていることを確認し、
メールアドレスとパスワードを入力します。

screencapture-secure-xserver-ne-jp-xinfo-1477459503315

インフォパネルにログインしたら、
画面中央にある「サーバーパネル」>「ログイン」をクリックして、管理画面に入りましょう。

2-1. エックスサーバーにドメインを追加する

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-50-11

サーバーパネルないの右上にある「ドメイン設定」をクリックします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-50-21

こちらの画面でドメインを追加することができます。

ドメインの追加設定」のタブをクリックしましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-50-34

ドメインの設定画面ができますので、
ドメインの入力欄にあなたのブログのドメインを入力します。

入力が終わったら、右下の「ドメインの追加(確認)」をクリックします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-50-42

正しい情報になっていたら、
再度右下の「ドメインの追加(確定)」をクリックしましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-51-00

これでドメインの設定が完了しました!

これまでの流れをおさらいすると、

  1. 取得したドメインとサーバーを紐付けする
  2. サーバーにドメインを認識させる
  3. WordPressをインストールする

という手順のうち、上2つの作業が終わりました。

今、ドメインとサーバーは紐付けされている状態なのですが、
ブログとして成り立たせるためには、
あなたのドメインの中に「ブログのシステム」をインストールする必要があります。

エックスサーバーでは、このインストールを
簡単なステップで終わらせることができますので、
このままサクサク進んでいきましょう!

3.Wordpressのインストールする

screencapture-secure-xserver-ne-jp-xserver-sv1302-1477180284030

エックスサーバーのトップページに戻って、
「ホームページ」>「自動インストール」をクリックします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-09-06-34

「ドメイン選択画面」が出てきますので、あなたのブログをインストールするドメインの「選択する」をクリックしましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-52-18

「自動インストール」画面が出てきますので、
プログラムのインストール」タプをクリックします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-08-52-27

インストールできるプログラムが多数出てくるのですが、
一番上に表示されている

「Wordpress 日本語版」>「インストール設定」

をクリックしましょう。

screencapture-secure-xserver-ne-jp-xserver-sv1302-1477180360753

ブログのインストール画面が表示されました。

ここで入力する情報は以下の通りです。

インストールURL:通常は記入なし

ブログ名:あなたのブログタイトル(後ほど変更可能)

ユーザー名:ブログのログイン名(半角英数)

パスワード:ブログのログイン名(半角英数)

メールアドレス:あなたのメールアドレス

データベース:「自動でデータベースを生成する」を選択

入力が終わりましたら、
右下の「インストール(確認)」をクリックしましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-09-03-42

インストールの確認画面が出てきます。

「インストールを行うと、インストール先ディレクトリ内の「index.html」が削除されます。ご注意下さい」

と赤字でありますが、

これは、同じドメインのフォルダにWordpressをインストールしてしまうと、
情報が上書きされてしまうことへの注意メッセージになります。

これがはじめてのWordpressの場合は、気にする必要はありません。

これでWordpressのインストールが完了しました!

“Hello World” WordPressブログの世界へようこそ

ブログ:http://あなたのドメイン名/

ブログの管理画面:http://あなたのドメイン名/wp-admin/

を入力すると、それぞれのページに飛ぶことができます。

さっそく、できたばかりのブログにアクセスをしてみましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-10-01-31

妻のブログ:http://aki-asaoka.com
※リアルタイム更新中。現在の表示はこの段階から進んでいます。

これが、できたばかりのWordpressです。

まだ何も情報を入れていないので殺風景に思えますが、
これからテーマを入れたり、記事やプロフィールの設定をしていくと、
これが驚くほど素敵なブログに生まれ変わります。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-09-33-06

もし、この画面が表示される場合は、
まだインストールが反映されていない状態になります。

1時間ほど待てば、自然とブログは表示されますので、
表示されなくてもあせらないでくださいね。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-10-01-13

ブログの管理画面へは、

http://あなたのドメイン名/wp-admin/

を入力することでログイン画面が表示されます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-23-10-03-01

こちらがWordpressの管理画面です。

記事の投稿、デザイン、すべてをこちらの管理画面で行っていきます。

これで、

  1. 取得したドメインとサーバーを紐付けする
  2. サーバーにドメインを認識させる
  3. WordPressをインストールする

というすべての手順が完了しました!

これから、あなたの独自ドメインでのブログがスタートします。

「このブログをどんな状態に育てていこう?」そんな風に想像しながら、
手を動かしてみてくださいね。

<追伸>
次回の記事では、Wordpressブログのデザインを整える作業を行っていきます。

記事があったほうがデザインがわかりやすいので、

  • プロフィールページ
  • サンプル記事(最近のFacebook投稿のコピペでかまいません)

を数記事入れておくことをおすすめします。

2017年10月スタートメンバー募集

【2017年10月スタートの募集は終了しました】

募集期間:2017年9月18日〜9月24日
募集人数:50名→満席

※募集期間内でも定員に達しましたら、早めに募集を停止させていただきます。
→定員に達しましたので期間内ですが募集を終了させていただきました。

資産サイト構築のノウハウを学ぶことができる「WEB資産構築マニュアル(43800円)」は引き続き販売をしております。実践会にご興味がある方、少しでも早くPC一台で生計を立てる技術を身につけたいという方は、こちらのマニュアルで実践していただければと思います。(マニュアルをご購入いただいた方は、優先的に実践会の振替案内をお送りさせていただきます)

WEB資産構築マニュアルのご購入はこちら

関連記事

仕事を辞め、福岡から逃げ出し、それでも男は理想を目指す。ゼロから理想のライフスタ...

オンライン講座「検索エンジン経由でブログに集客する方法を学ぼう」

誰もが1人1サイト、自分メディアを持つべき時代へ。

PC一台で世界に出たけれど、ひとりぼっちは変わらなかった話。理想のライフスタイル...

WEBサイトや自分メディアの差別化をする考え方

アメブロの10PV/日時代から、現在に至るまでに僕が作った全自分メディアの変遷を...