独自ドメインとレンタルサーバーを活用して、効率的かつ低コストでウェブサイトを構築する手順を解説します。
このガイドでは運用例として、exsample.com と blog.example.com の設定方法を詳しく説明します。
ムームードメインで独自ドメインを取得
初年度が安いムームードメインを選ぶ
独自ドメインの取得には、ムームードメイン を利用しました。このサービスは初年度の料金が非常に安く、初心者でも手軽に使える管理画面が魅力です。
取得手順
-
ムームードメインのウェブサイトにアクセス
-
希望するドメイン名（例: exsample.com）を検索
-
空いているドメインを選んで購入
購入後、管理画面からドメイン設定を変更できます。
レンタルサーバーを契約しWordPressをインストール
コスパが良いロリポップを活用
次に、ロリポップレンタルサーバー を契約します。ロリポップは低価格で使いやすい点が特徴です。
レンタルサーバーの契約手順
-
ロリポップの公式サイトにアクセス
-
プランを選択（コスパ重視ならライトプランがおすすめ）
-
アカウントを作成し、契約を完了
WordPressのインストール
-
ロリポップの管理画面にログイン
-
“簡単インストール” 機能を利用
-
必要な情報（サイト名、管理者情報など）を入力してWordPressをインストール
独自ドメインをロリポップに設定する
ムームードメインでネームサーバーを設定
- ムームードメインの管理画面にログイン
該当ドメインのネームサーバーを変更
以下のロリポップ指定のネームサーバーを入力:
-
ns1.lolipop.jp
-
ns2.lolipop.jp
ロリポップで独自ドメインを設定
-
ロリポップの管理画面にアクセス
-
“独自ドメイン設定” を選択
-
exsample.com を独自ドメインとして追加
ブログ用のサブドメインをロリポップで作成
サブドメインの設定手順
-
ロリポップ管理画面の “サブドメイン設定” を選択
-
“blog” という名前のサブドメインを作成
-
公開フォルダを指定（例: /web/blog）
これで、blog.ai-stripe.com のディレクトリが作成されます。
メインの独自ドメインをVercelに設定
Vercelに独自ドメインを設定
-
Vercel にログイン
-
管理画面でプロジェクトを選択
-
“Settings” -> “Domains” を開き、exsample.com を追加
Vercelが指定するDNS設定を確認
Aレコード:
- 値: 76.76.21.21
CNAMEレコード:
- 値: cname.vercel-dns.com
独自ドメインの DNS 設定を変更
-
ムームードメイン管理画面で exsample.com のDNS設定を開く
-
上記のAレコードとCNAMEレコードを追加
ブログ用サブドメインのDNS設定
- ムームードメインで blog.exsample.com のDNS設定を開く
以下のAレコードを追加:
-
ホスト名: blog
-
値: ロリポップのサーバーIPアドレス（例: 163.44.185.205）
最後に
これらの設定を行うことで、メインサイト（exsample.com）はVercel、ブログ（blog.exsample.com）はロリポップ上で動作します。コスパと機能性を両立した環境が整いました。