お名前.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投稿のコピペでかまいません)

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


YUKI

記事を読んでいただきありがとうございます!

「世界を自由に飛び回る力をつける」パワートラベラーの理念に共感いただけましたら、ぜひ下記のコンテンツもご覧ください。

無料メールマガジン「POWER TRAVELER通信」

「世界を自由に飛び回る力をつける」をテーマに、企業や国に縛られない働き方やライフスタイルを考えるメールマガジンです。僕が実践していることを中心に、パワートラベラー仲間の事例も紹介しています。

WEB資産構築マニュアル

僕が起業当初から続けている「アフィリエイト広告により収益を上げるWEBサイト」の作り方をまとめたオンラインマニュアルです。WEB上の資産となるサイトをつくる、という想いから「WEB資産」と呼んでいます。

この記事が気に入ったら
フォローしてね!

目次