みなさんこんにちはー!TKCです。春になると新しい環境でスタートを切る方も多いですが、僕も新しい環境で勝負すべくレンタルサーバーをカラフルボックスに変更したのでその時の手順をご紹介します。

途中にサーバー料金が10%OFFになるプロモーションコードをご紹介しているので見逃せないですよ!

なぜカラフルボックスなのか

なぜカラフルボックスなのか

僕がカラフルボックスにした理由は大きく分けて3つあります。

まずは以前のmixhostで契約していたレンタルサーバーの容量(10GB)が不足しかけていたこと、コスパがよく性能と速さ、容量のバランスが取れているのでお得感があること、最後にmixhostと同様コントロールパネルが「cPanel」だからです。

サイトを開設するまでの手順

サイトを開設するまでに以下の流れで開設していきます。

  • 1.カラフルボックスに登録(5分)
  • 2.独自ドメインのネームーサーバーを変更する(5分)
  • 3.カラフルボックスでドメインの設定をする(5分)
  • 4.設定したドメインにSSLを適用する(5分)
  • 5.WordPressをインストールする(5分)

合計で25分~30分程度で完了する予定です。初めての方だと30分~1時間程度と少し時間がかかってしまうと思いますが、全ての手順に画像を使って解説しており初心者の方でも必ず設定できますので安心してくださいね!

カラフルボックスに登録

カラフルボックスに登録

まずはじめにカラフルボックスに登録を行いましょう。クレジットカード不要で無料期間が30日間ついているので充分にお試しができますよ!

1.カラフルボックスのサイトにアクセスします。

カラフルボックスのサイトにアクセスします

2.「お申し込み(30日間お試し)」をクリックします。

「お申し込み(30日間お試し)」をクリックします

3.プランを選択します。僕のオススメは「BOX1プラン」です。理由としては容量や機能が「BOX1」で充分だからです!

目安として僕は3サイト運営していますが、使っている容量は10GB行かないぐらいです。また必要になればいつでも大きいプランに移行できるのでカラフルボックスは無駄がありません。

プランを選択します。僕のオススメは「BOX1プラン」です。

4.次に初期ドメインを決めます。独自ドメインを後ほど設定するので使うことはないので覚えやすい内容を入力しましょう。入力が終わったら「次へ」をクリックします。

次に初期ドメインを決めます。独自ドメインを後ほど設定するので使うことはないので覚えやすい内容を入力しましょう。

5.「お申し込み内容の確認」をクリックします。

6.ページが表示されたら下にスクロールし必要事項を入力します。最後の支払い方法でクレジットカードを入力したくない場合は銀行振込を選択することで入力せずに進めます!

ページが表示されたら下にスクロールし必要事項を入力します。最後の支払い方法でクレジットカードを入力したくない場合は銀行振込を選択することで入力せずに進めます!

7.「注文を確定」をクリックします。

「注文を確定」をクリックします

8.ここまででカラフルボックスの申し込みが完了しました。カラフルボックスより登録したメールアドレスに3通届いているかと思いますのでそれぞれ確認しておきましょう。

独自ドメインのネームーサーバーをカラフルボックスに変更する

カラフルボックスで登録が終わったら次は独自ドメインのネームサーバーをカラフルボックスのネームサーバーに変更しましょう。これをすることで独自ドメインとレンタルサーバーが紐付きます。

ここからはドメイン会社によって変わりますが今回はムームードメインというドメイン取得業者を使って解説を行います。

ちなみにまだ独自ドメインを取得していない方は新しく取得する方法を以下に書いたので参考にしてみてください!

【保存版】ムームードメインで独自ドメインを取得する方法

【保存版】お名前.comで独自ドメインを取得する方法

【保存版】お名前.comで独自ドメインを取得する方法

取得が終わってる方はあとは設定するだけなのでこちらからどうぞ!

ムームードメインでカラフルボックスの設定をする方法

ムームードメインでカラフルボックスの設定をする方法

ネームサーバーは変更が完了するまで数十分から数日とかなり幅があります。これはどこのドメイン取得業者を利用しても同じなので大人しく待ちましょう!僕の経験だと数時間程度で終わることがほとんどです。

カラフルボックスで独自ドメインの設定をする

続いてカラフルボックスで取得した独自ドメインの設定を行なっていきます。

ゾーンを追加する

1.カラフルボックスのサイトにアクセスし、画面右上の「ログイン」クリックします。

カラフルボックスのサイトにアクセスし、画面右上の「ログイン」クリックします

2.IDとパスワードを入力し「ログイン」をクリックします。

IDとパスワードを入力し「ログイン」をクリックします

3.カラフルボックスの管理画面を少し下にスクロールし「登録サービス」をクリックします。

カラフルボックスの管理画面を少し下にスクロールし「登録サービス」をクリックします。

4.「パッケージ/ドメイン」の下部に表示されている「サーバー名」をコピーしておきます。

「パッケージ/ドメイン」の下部に表示されている「サーバー名」をコピーしておきます。

5.コピーが終わったら画面上部に表示されている「ドメイン」→「DNSの管理」をクリックします。

管理画面にアクセスしたら画面上に表示されている「ドメイン」→「DNSの管理」をクリックします

5.「新しいゾーンを追加」をクリックします。

「新しいゾーンを追加」をクリックします

6.以下の内容を入力します。

ゾーン名 ドメイン(当サイトの場合:wp-fan.com)
IPアドレス デフォルトのまま
レコードセットを選択 サーバー名(.cbsv.jpがついていない場合はサーバー名の後ろにつけます。 例:〇〇.cbsv.jp)

サーバー名の別の確認方法としてカラフルボックスの申し込み時に来るメールに記載されており、[カラフルボックス]サーバーアカウント設定完了通知の題名で「サーバー情報」という見出しのすぐ下にサーバー名が表示されています。

以下の内容を入力します

6.「ゾーンを追加」をクリックします。

「ゾーンを追加」をクリックします

7.ドメイン名が表示されたらゾーンの追加が完了です。続いてcPanelという画面からドメインを設定します。

ドメイン名が表示されたらゾーンの追加が完了です。続いてcPanelという画面からドメインを設定します

cPanelでドメインを追加する

ゾーンを追加したら次はドメインを設定しましょう。ドメイン追加はカラフルボックスの管理画面上からcPanelにアクセスできます。

このcPanelはサーバーに関することやドメインに関することを設定出来るのでログイン方法を覚えておきましょう。

1.カラフルボックスの管理画面を少し下にスクロールし「登録サービス」をクリックします。

カラフルボックスの管理画面を少し下にスクロールし「登録サービス」をクリックします。

2.左に表示されているアクション内に表示されている「cPanelにログイン」をクリックします。

左に表示されているアクション内に表示されている「cPanelにログイン」をクリックします。

3.cPanelの画面が表示されます。下にスクロールし、「ドメイン」→「アドオン ドメイン」をクリックします。

cPanelの画面が表示されます。下にスクロールし、「ドメイン」→「アドオン ドメイン」をクリックします

4.新しいドメイン名に取得したドメイン名を入力します(当サイトの場合はwp-fan.com)。

新しいドメイン名に取得したドメイン名を入力します(当サイトの場合はwp-fan.com)

5.入力するとサブドメインとドキュメントルートが勝手に入力されますのでそのまま「ドメインを追加」をクリックします。

入力するとサブドメインとドキュメントルートが勝手に入力されますのでそのまま「ドメインを追加」をクリックします

ドメインが追加されたら「戻る」をクリックして戻っておきましょう。

ドメインが追加されたら「戻る」をクリックして戻っておきましょう

WordPressをインストールする

次はいよいよWordPressのインストールを行っていきます。

1.cPanelの一覧画面で一番下までスクロールし「注目のアプリケーション」→「WorPress」をクリックします。

cPanelの一覧画面で一番下までスクロールし「注目のアプリケーション」→「WorPress」をクリックします

2.「このアプリケーションをインストール」をクリックします。

「このアプリケーションをインストール」をクリックします

3.「ロケーション」→「ドメインを選択」をクリックし、ドメインを選択します。これからサイトを作るのであればwww.が付いていないhttps://ドメイン名を選択しましょう。理由としてwww.をつける必要があるのは大規模なサイトや、昔からあるサイトだけだからです。

「ロケーション」→「ドメインを選択」をクリックし、ドメインを選択します。

4.それ以外の項目はデフォルトの選択肢のまま進めることをお勧めします。

cPanelでWordPressの管理画面に自動でログイン出来るのであまり必要ないかもしれませんが、念の為、ユーザー名と「Show password」をクリックしてパスワードを控えておきましょう。

Generate」をクリックすることでランダムにパスワードを作成できるのでおすすめです。

5.一番下に表示されている「インストール」をクリックします。

一番下に表示されている「インストール」をクリックします

デフォルトのままだと一番動作が安定していて新しいWordPressがインストールされ、自動的にアップデートを行わない設定になります。

なぜこの設定がいいかと言うといきなりアップデートをしてしまうとプラグインが新しいものに対応していなかった時や、テーマが対応していない時に画面が真っ白になって何も表示されなくなってしまう可能性があるからです。

アップデートをする際は必ずローカル環境で不具合が出ないか確認してからアップデートしましょう!

ローカル環境って何?使ったことないよ!という方は僕のお勧めローカル環境を構築出来る無料ソフトをご紹介している記事を書いてるのでそちらをご覧ください。

ローカル環境でWordPressを使うならこれがおすすめ厳選2選

ローカル環境でWordPressを使うならこれがおすすめ厳選2選

サイトを確認しよう!

インストールが終わったら早速サイトをみてみましょう。URLが3つ並んでいますが、使うのは上の2つです。それぞれ上からトップページ、管理画面です。

まずは管理画面のURLをクリックしてみましょう。上から二つ目のリンクをクリックします。

まずは管理画面のURLをクリックしてみましょう。上から二つ目のリンクをクリックします

WordPressの管理画面が表示されます。ここで記事を投稿したりサイトの設定を行ったりします。

WordPressの管理画面が表示されます。ここで記事を投稿したりサイトの設定を行ったりします

続いてトップページを確認してみましょう。管理画面の左上の「家のアイコン」をクリックします。トップページが表示されれば成功です。

続いてトップページを確認してみましょう。管理画面の左上の「家のアイコン」をクリックします。

カラフルボックスに使えるお得な情報

カラフルボックスに使えるお得な情報

サイトが表示されたら色々な機能を試してみましょう!カラフルボックスが気に入った時に料金が10%オフになるクーポンがありますのでここでご紹介いたします!期間限定ではありますが、2019年6月30日まで使えるクーポンです。

  1. 7DFYDRV5

こちらがクーポンコードになります。使い方ももちろん記事を書きましたので参考にしてください!

サイトの表示がおかしい?

WordPressをインストールしてみて画面がおかしい時があるかもしれません。そんな時は以下の対処法が考えられます。

【対処法1】サイトが表示されない

トップページにアクセスしても全く画面が表示されない場合はドメインとサーバーが紐づいていない場合が考えられます。

まず確認を行いたいのが独自ドメインのネームサーバーを変更しているか、カラフルボックスでゾーンを追加しているか、cPanelでドメインを追加しているかこの3つがうまくいってないとサイトが表示されません。

【対処法2】サイトが表示されない

上記の3つを確認したら残るはドメインのネームサーバー変更が完了しているかです。この変更が完了する前にサイトにアクセスしてもサイトは表示されません!平均数時間かかります。(最大2日間)

なのでここまですらすら進めてまだ1時間も経ってないという方はこの原因が考えられます。

【対処法3】サイトが表示されない

一度サイトが表示されていない時にアクセスしてキャッシュがたまってしまい、その後ドメインのネームサーバーが変更完了しているのに以前のキャッシュを読み込んでサイトが表示されない場合があります。

そんな時簡単に確認出来る方法としてスマホから確認したり、他のブラウザを使ってみたりしてください。

もし他の端末、ブラウザで表示されるならキャッシュを削除しましょう。

サイト情報が赤いまま変わらない

ブラウザのサイトバーの左が赤くなってしまっているとSSLがうまく機能されていなかったり、そもそも適用されていない可能性が高いです

カラフルボックスは基本的に自動でSSLを適用してくれますが、WordPressのインストールやアンインストールを複数回繰り返しているとおきてしまう可能性があります。

そんな時はwindowsであれば「Ctrl + F5macでは「shift + cmd + Rを押してみて画面を更新してみましょう。それでも赤い場合は適用されていない可能性が高いので以下の記事に手順を書いているので適用しましょう。

まとめ

カラフルボックスでWordPressをインストール方法を書きました。ちょこちょこ説明文が入ってしまったので長そうに感じてしまいますが、実際の作業は30分から1時間程度です。

慣れない画面が多く難しく感じてしまうかもしれませんが、写真をみながら一つずつクリアしていきましょう!ここもっと説明してほしいと言うご要望があればいつでもTwitterお問い合わせよりお待ちしています。

人気記事知らないと損!カラフルボックスでプロモーションコードを使う方法
人気記事カラフルボックスを半年使って見えてきた評価と評判