クチコミネットのまとめ記事にようこそ!
今回はShopifyでサブドメインを設定する方法をご紹介したいと思います。「shopify サブドメイン」でGoogle検索をすると色々な記事が表示されますが、正直どれもちょっとわかりにくい記事が多いです。
そして、単純に www.domain.com などの独自ドメインをShopiyにて接続する方法が紹介されている記事はありますが、実際のケースって以下のような場合だと思います。
メインドメイン https://ktkm.net → WordPressサイト
サブドメイン https://store.ktkm.net → ShopifyサイトBox Content
実際にShopifyを上手に運用するユーザーさんは上記のようなパターンだと思います。今回はこのケースでの独自ドメインの設定方法についてご紹介したいと思います。
Step 1
まずは環境の確認
今回は以下の環境で行っていきたいと思います。
サーバー:エックスサーバー X10プラン
Shopify:開発者用アカウントBox Content
Step 2
Shopify側の設定をします
まずはShopify側でドメインの設定を行いましょう。
「オンラインストア」>「ドメイン」>「既存のドメインを接続する」に進みます。
↓次にこちらに接続したいドメインを追加します。エックスサーバーなどでサブドメインを作成しておく必要はありません。入力したら「次へ」をクリックします。
↓次にこのような画面が表示されると思いますので、「接続を確認する」をクリックします。
↓すると以下のような画面が表示されます。まだ何もドメイン側で設定をしていないので、これでOKです。
次のドメイン設定で利用するので、以下の赤枠の 「shops.myshopify.com」をコピーしておきます。
Step 3
エックスサーバー側の設定
次にエックスサーバーのサーバーパネルにログインします。そして「DNSレコード設定」に進みます。
↓次に今回設定する対象ドメインを選択します。
↓以下のようにDNSレコードの設定画面に進むことができます。
① 「DNSレコード追加」のタブをクリックします。
② ここにサブドメイン名を記入します。
③ CNAMEを選択します。
➃ 先ほどコピーした「shops.myshopify.com」を貼り付けます。
上記の操作をしましたら、「確認画面へ進む」をクリックして追加を行います。
これでエックスサーバー側の操作はOKです。
間違ってAレコードを変更してしまうとWordPressサイトが表示されなくなったりします。今回の場合はCNAMEレコードの追加だけでOKです。
Step 4
接続の確認
↓以下のように「接続を再試行する」をクリックすることで接続されます。
↓以下のように「プライマリードメイン」の部分に「接続済」と表示されていれば接続完了です。今後はこちらのドメインでShopifyサイトにアクセスすることができます。
Hint
それでも接続できない場合
もし数時間待ってもドメインが接続できない場合は何かしらの設定がおかしい場合があります。
まず一番に確認するのは「ドメインのスペルが正しいかどうか」です。手打ちしているとドメインのタイプミスなどがあるので、できればエックスサーバーの方からしっかりとコピペするようにしましょう。
スペルミスが原因ではない場合は MXTool などのDNSチェックツールを利用しましょう。
↓「DNS Check」を選択して、ドメインを入力します。
↓チェックした結果、サブドメインで以下のように表示されていればOKです。それでも反映されない場合はドメイン管理会社に問い合わせを行うことをオススメします。
The End
手順のまとめ
① 「DNSレコード追加」のタブをクリックします。
② ここにサブドメイン名を記入します。
③ CNAMEを選択します。
➃ 先ほどコピーした「shops.myshopify.com」を貼り付けます。