【STUDIO】独自ドメインの取得と設定をする方法【スタジオ・ノーコードツール】

こちらの記事では、ノーコードツール『STUDIO（スタジオ）』で独自ドメインの取得と設定する方法を解説します。

独自ドメインの発行方法や、STUDIOで独自ドメインを設定するためにはどうしたら良いのか分からない方は参考にしてください。

STUDIOで独自ドメインの取得と設定する方法

独自ドメイン設定の手順

STUDIOで独自ドメインを設定する手順方法は、大きく分けて上記4つの作業があります。

STUDIOのアカウント作成からドメイン取得、サイトとドメインを紐づけするやり方を下記で解説していきます。

1、STUDIOアカウント作成

STUDIOに無料登録

まず最初の手順として『STUDIO』のアカウントを作成しましょう。

STUDIOのアカウントは、GoogleもしくはFacebookのアカウントから登録して作れます。

基本的には、Googleアカウントを使った登録の方が簡単なのでおすすめです。

▼アカウント作成時の注意点

LP作成やコーディング・デザイン作業を第三者に依頼する場合は、第三者の方がgoogleアカウント情報を基にSTUDIOにログインします。

そのため、GoogleアカウントをSTUDIOサイト用で新たに作成されることをおすすめします。

2、ドメイン作成

ドメインとは？

「ドメイン」を分かりやすく言うと、インターネット(Web)上の住所(URL)です。

全てのサイトにはドメインが設定されており、このドメインを作らないとホームページやランディングページを表示させられません。

エックスドメインに登録する

ドメインを作成するにあたって、エックスサーバードメインに登録しましょう。

エックスサーバードメインは、国内シェアNo1のレンタルサーバーが提供しているドメインサービスなので安全に利用できます。

※当サイトもエックスサーバードメインを利用しております。

▼XServerアカウント登録の入力事項

・メールアドレス
・パスワード
・契約者種別
・契約法人名（法人のみ）
・名前
・郵便番号
・都道府県
・電話番号

エックスサーバー登録に必要な上記項目を入力後、SMSに届いた認証コードを入力し、「認証をする」をクリックすると登録完了です。

エックスサーバードメインに登録した後は、取得したいドメインを入力して「検索」してみましょう。

ドメインによって年間の維持費用が異なります。

ドメインの最後はどれが良いか悩まれると思いますが、基本的には「.com・.net・.jp」の3つの中から取得可能なドメインを選択すれば問題ありません。

▼既に使われているドメインがある

ドメイン取得は早いもの勝ちなので、取得可能なドメインがない場合は他のドメイン名で検索してみましょう。

サーバー申し込みの注意点

使えるドメインを選択した後は、「エックスサーバー」の利用申し込みで「利用しない」を選択しましょう。

サーバーは「STUDIO」のサーバーを利用するため、エックスサーバーで契約する必要はありません。

▼重要なメールを保存する

Xserverアカウントに登録すると、登録したメールアドレス宛に、「【エックスドメイン】■重要■Xserverアカウント登録完了のお知らせ」という、とても重要なメールが届きます。

このメールに記載されている「Xserverアカウント登録に関する情報」は、Xserverの管理画面にログインする際に必要な情報なので、忘れないように保存しておきましょう。

▼Xserverアカウント登録に関する情報

• XserverアカウントID
• メールアドレス
• Xserverアカウントパスワード

後ほど、この情報を利用した作業があるので、必ずメモを取っておきましょう。

お支払い情報の登録をする

ドメインを選んだ後は、お支払い情報の手続きをします。

上記の続き表示された画面より「お支払い方法を選択する」をクリックし、お支払い方法を選択して必要事項を入力するとお支払い情報の登録が完了です。

最後に、登録情報やお支払い情報、エックスドメイン利用規約、個人情報に関する公表事項を確認し、問題なければ「同意する」にチェックを入れ、「申し込む」を押しましょう。

これで、ドメインの作成は完了です。

3、ドメイン設定

Xserverの管理画面にログイン

次に、上記で作成したドメインの設定を行います。

まず初めにエックスサーバーにログインを行い、サービス一覧から「Xdomain」をクリックすると管理画面にアクセスできます。

ネームサーバー設定

管理画面にログインした後は、ドメイン枠にある「ネームサーバー設定」を選択します。

Xdomainを選択する

ネームサーバー設定内ではドメイン適用先サービスを選ぶ場所があるのでXdomainを選択して「確認画面に進む」を選択します。

ネームサーバー設定を変更する

ネームサーバーがこのように設定されていることを確認して「設定を変更する」をクリックしてドメインの設定は完了です。

4、サイトとドメインを紐付けする

STUDIOにログインしてプラン変更

最後にサイトとドメインの紐付け作業を行うため、STUDIOにログインし、紐づけるサイトを選択しましょう。

その後、独自ドメイン設定から「有料プランにアップグレード」をクリックし、プランは4種類あるので記事数に合わせてプランを選択しましょう。

▼プラン一覧

今回はドメイン設定を行うため、Mini以上のプランをを選ぶ必要があります。

ドメインを紐付けする

上記でプランを変更した後は、サイトとドメインの紐付けを行います。

プロジェクト設定内にある、「公開設定」をクリックしましょう。

独自ドメイン設定に入力する

「独自ドメイン設定」を選択し、「2、ドメイン作成」で作成したドメインを入力し、「OK」をクリックしましょう。

レコードをコピーする

ドメインを入力すると、赤枠の部分にレコードが表示されますので、表示されたレコードをコピーしましょう。

DNSレコード設定

「3、ドメイン設定」で利用したXdomainの管理画面を再度開き、「DNSレコード設定」をクリックしましょう。

▼DNSレコード設定を追加

「DNSレコード設定」を開いた後は、「DNSレコード設定を追加する」をクリックします。

DNSレコード入力

DNSレコード設定の画面が表示されたら、入力画面へ以下のように入力してください。

• ホスト名：空欄
• 種別：A
• 内容：STUDIOでコピーしたレコード
• 優先度：１

入力が完了したら、「確認画面へ進む」をクリックし、入力内容をに問題がなければ「設定を追加する」を選択します。

TLS証明書発行

再度、STUDIOのページに戻り、「次へ」を選択しましょう。

これでサーバーとドメインが接続されてTLS証明書を発行中となるので数十分待ち、「更新」ボタンを押すとドメインの紐付け作業は終了です。

STUDIOドメイン取得設定まとめ

今回は、ノーコードツールSTUDIOで独自ドメインを取得してサーバーと接続設定する方法を解説しました。

独自ドメインを設定するためには、大きく分けて以下の4つの作業があります。

サーバーの契約は、STUDIOのサーバーを利用するため必要ありません。

これからノーコードツールstudioでWEBサイトを作成し、独自ドメインで公開したい人は、ぜひ参考にしてください。

関連記事

Web制作

▼Googleアナリティクス

Googleアドセンス・アフィリエイト

サイトデザイン

▼テーマ毎のデザイン

エラー対策

あわせて読みたい記事

次に知りたいことや、役立つ情報をまとめました。

【WordPress】ドメイン取得・設定

【WordPress】独自ドメインとは？取得方法・費用・決め方を初心者向けに解説

WordPressを始めるときに必要となる独自ドメインについて、意味や種類、選び方、取得手順、料金までまとめました。.comと.jp…

記事を読む →

【WordPress】Web制作

【WordPress】新規や追加で独自ドメイン取得する手順(画像付き)｜レンタルサーバーでサイト作成する方法

「WordPress(ワードプレス)」レンタルサーバーで新規ドメインを取得するまでの手順を解説しています。実際にレンタルサーバーにロ…

記事を読む →

【WordPress】ドメイン取得・設定

【WordPress】独自ドメイン(URL)を「https (SSL化)」に変更する設定方法｜「保護されていない通信」表示の対処【ブログ初心者】

インターネットのURLアドレス(ドメイン)を「httpからhttps (SSL化)」に変更する設定方法・手順を画像付きで解説していま…

記事を読む →

関連記事の一覧を見る →