NFTをがっつり実践してざっくり解説していくブログbyどらたん

独自ドメイン取得~htmlサイト作成までの流れ

無料ブログである程度アクセスが集まったブログを
独自ドメインのhtmlサイトに加工する時の流れを
図解入りで解説しています。

※途中レンタルサーバーの「ネームサーバ」が必要になるので、
まだレンタルサーバーを契約していない場合はこちらを参考にしてください。
↓↓↓
⇒アフィリエイト向けレンタルサーバー&プランおすすめランキング

 

どうも、どらたんです。

独自ドメイン取得~htmlサイト作成までの流れって、
ルレアの教材にも載っているんですが、
何かいくつかのPDFに分かれているので面倒だったり、

「もっと要点だけまとめてくれよ!」

って思いますよね。

 

なので、実際に僕がこれから独自ドメインを取得して、
htmlサイトを作成するまでの流れを、
出来るだけ縮めて、かつわかりやすく解説していきたいと思います。

今回作るサイト

今回はサンプルと言うことで、
大してアクセスがないサイトをhtmlサイトに加工しちゃいたいと思います。

検証で作ってた無料ブログはこちら。

[icon image=”finger1-g”]ゼルダ無双

2014y06m24d_172404234

2014y06m24d_172334056

 

ご覧の通りゴミみたいなアクセス数ですが、
今回はこれで勘弁してください。

本当はアクセスのあるサイトをサンプルで載せたいんですが、
最近ショートレンジをあまりやっていないもので。。。

 

で、とりあえずこんな感じのブログなので、
「ゼルダ無双予約」とかで日本語ドメインを取ろうと思います。

独自ドメインの取得

僕はいつもバリュードメインでドメインを取っているんですが、
今回はわかりやすくするため&僕も最初からやるために、
ムームードメインを利用したいと思います。

[icon image=”finger1-g”]ムームードメイン

2014y06m24d_173601629

入力欄に取ろうとしている日本語を入力して
「検索」を押します。

で、検索したら現在取れるドメインが出てくるので選びます。

2014y06m24d_173834182

本当は値下げしてる.netと.bizが良かったですが、
まぁ今回は.comで取ってみようと思います。

※ちなみに.jpは初期費用は他のと大して変わらないですが、
更新費用が倍以上かかるので最初はやめておいたがいいです。

 

途中注意メッセージみたいなのが出てきますが、
これは

「ムームードメインのサーバーを使う場合は日本語ドメインは使えないですよ」

という意味なので、
他のサーバーを使えばいいので気にしなくて良いです。

 

で、選択するとアカウントの入力画面になるので、
持ってない場合は登録しておきましょう。

登録は特に迷うところもないと思うので飛ばしますね。

 

登録が完了したらこんな画面になります。

2014y06m24d_174945141

 

ここで少しややこしい設定が出てきますが、
いらないところは触る必要がないので、
必要な設定だけしておきましょう。

まずは「DNS」の設定です。

これは僕がエックスサーバーを使っているので、
エックスサーバーで説明させてもらいますね。

[right_link image=”arrow1-g” url=”http://doratan01.com/domain-server/875/” target=”self”]エックスサーバーの無料お試し利用方法[/right_link]

一旦ムームードメインのページは置いといて、
新しいタブでエックスサーバーにサーバーパネルにログインし、
「サーバー情報」を開きます。

2014y06m24d_183250926

 

ネームサーバはこれのことです。

2014y06m24d_183357262

これをコピーしてムームードメインに張り付けます。
(※コピーする時は左クリック3回すると楽です)

 

ではムームードメインに戻り、
「ネームサーバを追加」を押して5個まで増やしてください。

2014y06m24d_183700971

で、エックスサーバーのネームサーバを
1~5までコピーして貼り付けます。

こんな感じ。

2014y06m24d_184025287

 

後はお支払方法の設定」と、
一応最初なので「自動更新の設定」は外しておきましょう。

2014y06m24d_184109683

2014y06m24d_184222150

※その後もずっと更新し続けるつもりなら、
自動更新の設定をしておいてもOKです。

 

で、後は全部広告なので触る必要はありません。

上記の設定が終わればそのまま「内容の確認へ」を押してください。

(※今記事を書きながら取得していたので接続がタイムアウトになりました;;
もしこの時点で同じようにタイムアウトになった場合、
アカウントの登録は済んでいるので、
ネームサーバのコピペのところからやり直せばOKです。)

 

そのまま利用規約の同意にチェックを入れ、
支払い方法の詳細を入力し「取得する」を押せば
ドメインの取得は完了です。

2014y06m24d_185510350

 

取得したドメインは「コントロールパネル」から確認できます。

2014y06m24d_185656533

2014y06m24d_185705359

2014y06m24d_185715792

 

サーバーにドメインを追加

ドメインの取得が終わったので、
次にサーバーにドメインを追加します。

別にこれはやらなくてもサイトをアップすることは出来るんですが、
管理が楽なのでやった方がいいでしょう。

 

例のごとくエックスサーバーで説明します。

エックスサーバーのサーバーパネルから、
「ドメイン設定」をクリックします。

2014y06m24d_190513663

画面が変わったら「ドメインの追加設定」をクリック。

 

次に、先ほどのムームードメインのコントロールパネルから、
ドメインのURLをコピーしてエックスサーバーのドメインの欄に張り付け、
「ドメインの追加(確認)」を押してください。
(「.com」のところは抜いてコピーしてください)

2014y06m24d_191055404

2014y06m24d_191207077

※また、日本語ドメインの場合、「ゼルダ無双予約.com」というURLではなく、
「xn--2cki2kn77jtrfis1cxnr.com」というようなローマ字表記をコピーするようにしてください。(ちなみにこの表記のことを「Punycode表記」と言います)

 

後はもう一度「ドメイン追加(確定)」を押せば
追加は完了です。

2014y06m24d_191638275

ちなみにURLが
http://xn--2cki2kn77jtrfis1cxnr.com/」と
http://www.xn--2cki2kn77jtrfis1cxnr.com/ 」の二つあって
どちらも使えるんですが、
基本的に使うのは上の「www」が入ってない方です。

アクセス解析に登録する時などは
「www」が入ってない方を登録しておきましょう。

ワードプレスのインストール

要点だけまとめるとか言いながら結構長くなっちゃったので、
何記事かに分けようかと思ったんですが、
もう全部書いちゃおうと思います。

ということで、今回のサイトはシリウスで作成するつもりですが、
ついでにワードプレスのインストール方法も書いておきます。
※これは簡単なのですぐ終わります。

 

ワードプレスをインストールするには、
まず「設定対象ドメイン」がインストールしたいURLになっているかを確認し、
「自動インストール」をクリックします。

2014y06m24d_193035570

そのまま「プログラムのインストール」
「WordPress 日本語版」「インストール設定」をクリックします。

2014y06m24d_1933333472014y06m24d_193346269

 

後はこんな感じで入力して「インストール」を押せば完了です。

2014y06m24d_194046617

 

これでワードプレスのインストールは完了です。

設定など色々ありますが、
基本的にこれでもう記事は書けます。

記事は、書けます。

 

シリウスでのhtmlサイト作成~アップロード

シリウスをすでにお持ちの場合は
ここからはほぼ知ってると思いますが、

もしあなたがまだシリウスを持っていない場合、
なんとなくの流れだけでも伝わればいいなと思うので、
サイト作成~アップロードまでの流れを軽く書いておこうと思います。

 

まずシリウスを起動し「新規作成」をクリック。

とりあえずこんな感じで作ってみます。

2014y06m24d_195319405

 

で、とりあえずパパッとトップページの記事だけ作ってしまって、
アップロードしてみようと思います。

シリウスの場合、面倒なFFFTPとかを使う必要はありません、
というか、シリウスが勝手にやってくれます。

シリウスでサイトをアップする際に行う点順は、

「保存」⇒「サイト生成」⇒「アップロード」

のこれだけ。

2014y06m24d_203908066

 

アップロードをするドメインの「public html」を選んで、
「全てのファイル」をクリックすれば、
後はアップロードが完了するのを待つだけです。

アップロードが完了すればhtmlサイトの完成です。

2014y06m24d_204623685

 

今回作成したhtmlサイトはこちら
↓↓↓
ゼルダ無双予約

2014y06m24d_211237599

ちょっと視覚に頼りすぎたうるさいサイトになっちゃった気もしますが、
とりあえずはこんな感じで。

 

要点だけまとめて出来るだけ縮めるとか言っておきながら、
ヒジョーーーーーーーーーーーに長くなっちゃいましたね。。。

ちなみに今回、この記事を書きながら作ったので、
作成時間は6~7時間程度かかりましたが、

ショートレンジスナイパーのサイトであれば、
もっと短い時間で作ることも可能なので、
まだ独自ドメインに手を出していないという場合は、
一度やってみてくださいね。

シリウスなら感覚で作れちゃうので。

 

[btn_l color=”green” corner=”r” url=”http://www.infotop.jp/click.php?aid=243459&iid=44072″]シリウスの詳細はこちらから[/btn_l]