【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法

Shopify

クチコミネットのまとめ記事にようこそ!

今回は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側でドメインの設定を行いましょう。

「オンラインストア」>「ドメイン」>「既存のドメインを接続する」に進みます。

【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法 1

↓次にこちらに接続したいドメインを追加します。エックスサーバーなどでサブドメインを作成しておく必要はありません。入力したら「次へ」をクリックします。

【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法 2

↓次にこのような画面が表示されると思いますので、「接続を確認する」をクリックします。

【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法 3

↓すると以下のような画面が表示されます。まだ何もドメイン側で設定をしていないので、これでOKです。

次のドメイン設定で利用するので、以下の赤枠の 「shops.myshopify.com」をコピーしておきます。

【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法 4

Step 3

エックスサーバー側の設定

次にエックスサーバーのサーバーパネルにログインします。そして「DNSレコード設定」に進みます。

【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法 5

↓次に今回設定する対象ドメインを選択します。

【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法 6

↓以下のようにDNSレコードの設定画面に進むことができます。

① 「DNSレコード追加」のタブをクリックします。

② ここにサブドメイン名を記入します。

③ CNAMEを選択します。

➃ 先ほどコピーした「shops.myshopify.com」を貼り付けます。

上記の操作をしましたら、「確認画面へ進む」をクリックして追加を行います。

【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法 7

これでエックスサーバー側の操作はOKです。

他のブログ記事ですと、「Shopifyで独自ドメインを利用するにはAレコードを設定する必要がある」と記載されていたりしますが、それは www.domain.com のドメインを設定する場合のみ必要になります。今回のようにメインドメインをWordPressなどの他のサービスで利用している場合はAレコードを変更しないようにしましょう。

間違ってAレコードを変更してしまうとWordPressサイトが表示されなくなったりします。今回の場合はCNAMEレコードの追加だけでOKです。

Step 4

接続の確認

↓以下のように「接続を再試行する」をクリックすることで接続されます。

【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法 8

↓以下のように「プライマリードメイン」の部分に「接続済」と表示されていれば接続完了です。今後はこちらのドメインでShopifyサイトにアクセスすることができます。

【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法 9

Hint

それでも接続できない場合

もし数時間待ってもドメインが接続できない場合は何かしらの設定がおかしい場合があります。

まず一番に確認するのは「ドメインのスペルが正しいかどうか」です。手打ちしているとドメインのタイプミスなどがあるので、できればエックスサーバーの方からしっかりとコピペするようにしましょう。

スペルミスが原因ではない場合は MXTool などのDNSチェックツールを利用しましょう。

↓「DNS Check」を選択して、ドメインを入力します。

【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法 10

↓チェックした結果、サブドメインで以下のように表示されていればOKです。それでも反映されない場合はドメイン管理会社に問い合わせを行うことをオススメします。

【簡単】同じドメインでShopifyとWordPressに独自ドメインを設定する方法 11

The End

手順のまとめ

手順のまとめ
ShopifyとWordPressで同じドメインを使って、Shopifyにサブドメインを割り当てる方法です。作業時間は約20分です。
Shopifyのドメイン設定に進みます。
「オンラインストア」>「ドメイン」>「既存のドメインを接続する」に進みます。
既存のドメインを接続します。
ドメインを入力して「接続を確認する」をクリックします。
「shops.myshopify.com」をコピーします。
貼り付けミスのないように気を付けます。
エックスサーバーにログインして「DNSレコード設定」に進みます。
ここからドメインの設定をします。

① 「DNSレコード追加」のタブをクリックします。
② ここにサブドメイン名を記入します。
③ CNAMEを選択します。
➃ 先ほどコピーした「shops.myshopify.com」を貼り付けます。
接続の確認
「プライマリードメイン」の部分に「接続済」と表示されていれば接続完了です。今後はこちらのドメインでShopifyサイトにアクセスすることができます。

メインドメインをWordPressで使っていてもサブドメインをShopifyに使えますか?

はい。このようなケースでもShopifyでサブドメインを利用することができます。CNAMEの追加だけで設定することができます。

エックスサーバーでも独自ドメインの設定ができますか?

はい。エックスサーバーでしたら比較的簡単に独自ドメインの設定ができます。

独自ドメインが反映されません、どうすればよろしいでしょうか?

基本的には上記の手順に従っていただければ反映されるようになります。ただドメインの反映は最大24時間ほどかかる場合がありますので、一旦しばらく待っていただいてから再度ご確認ください。それでも解決しない場合はドメインのスペルを確認したり、ドメイン管理会社にお問い合わせください。

コメントをいただけると嬉しく思います!

コメントを書く

クチコミネット
Logo
Register New Account
サービスの比較
  • Total (0)
比較する
0