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

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

ドメイン(http://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投稿のコピペでかまいません)

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

この記事を書いた人

阪口 ユウキ
阪口 ユウキPOWER TRAVELER
企業に所属することなく、個人単位で世界を自由に飛び回る仕事をする。そのライフスタイルを「パワートラベラー」と名付けたのが2013年、以来世界を巡りながらできる仕事を続けています。

【主な仕事】WEBメディアの運営/コラム執筆/オンラインスクール「パワートラベラー実践会」の運営
【旅のスタイル】年間フライト50回以上。アパートを借りて暮らしたり、語学学校に通う滞在型の旅が好みです。
【近況】現在は妻が妊娠中のため、大阪に拠点を構えながら、収益サイトと自分メディアの構築を続けています。
メール講座「パワートラベラー養成講座」を配信しています

「企業に所属しなくても、個人単位で、世界を自由に旅をしながらできる仕事がしたい」そんな働き方を叶えると決意したのが2012年のことです。

日本でも海外でもできる仕事は何があるのか。辿り着いた答えは、

資産となるような、収益サイトをつくる

というものでした。

パワートラベラー養成講座は、僕が起業してからの6年間実践してきた、自由な働き方を叶える技術やマインドセットをまとめたメール講座です。

「個人単位で働きながら、自由なライフスタイルを叶える」という理念に共感いただいている、6000名以上の方に向けて配信しています。

パワートラベラー養成講座を購読する

関連記事

アメブロにSeach Consoleを入れてみよう!導入手順とツールの使い方を解...

自分メディア(ブログ)運営に役立つWordpressのおすすめプラグイン厳選7選...

Wordpress初心者にもおすすめのサーバー「ロリポップ スタンダードプラン」...

ロリポップサーバーにWordpressをインストールする方法

僕も驚く妻のブランディング力。10月からの新講座は妻と一緒に作成中です!

自分からは話しかけず、相手の方から来てくれる仕組みを作る。