ドメインをCloudflareに切り替える手順｜EmDash移行の仕上げ

連載「WordPressからEmDashへ移行する」の第5回です。第4回までで仮アドレス（workers.dev）に仕上げたサイトを、本番のドメイン manual-chang.com に切り替えます。切り替えたあとの、管理画面のパスキー、Search Console、お問い合わせの通知メールまでを扱います。

この回は、つまずきがいちばん多い回でした。特に、切り替えたあとも古いサイトやエラーが出る件は、日をまたいで続きました。

DNSの調査とコードの変更はClaude Code（パソコンの中でコマンドを打ってくれるAI）に頼みました。画面の操作は筆者が行いました。

この記事で出てくる言葉

手順1：今のDNSを確かめて、方針を決める

Claude Codeに、今のDNSを調べてもらいました（dig というコマンドを使います）。

• A：manual-chang.com と www は、ロリポップのサーバー
• MX：ロリポップのメールサーバー
• TXT：ロリポップ向けのSPFと、DMARC
• Search Console用のTXTは無し（WordPressのプラグインが、ファイルで確認していたため）

このドメインのメールは使っていません。そこで、MXとロリポップ向けのSPFは写さず、「メールを送らない・受け取らない」設定にすることにしました。なりすましメールに使われにくくなります。

手順2：Cloudflareにドメインを追加する

1. Cloudflareのダッシュボード（管理画面）で、「Domains」→「Add domain」を押します。
2. 「Connect a domain」を選びます。
3. 「Domain name」にドメイン名を入れます。
4. AIボットの扱い（Search・Agent・Training）は、初期値の「Allow (do not block)」のままにしました。
5. 「Import DNS records」が「Automatic」になっているのを確かめて、「Continue」を押します。

1. プランの選択で、左端の「Free」の「Select plan」を押します。

手順3：DNSレコードを確かめて直す

「Review your DNS records」に、自動で読み込まれたレコードが並びます。筆者の場合は、Aが2つ、MXが1つ、TXTが2つでした。手順1で調べた結果と一致していたので、漏れはありません。

次のように直しました。

• Aの2つを「DNS only」にします。切り替えるまでは、古いサイトをそのまま見せておくためです。
• MXを削除します。
• @（ドメインそのもの）のTXTを v=spf1 -all にします。「このドメインからはメールを送らない」という意味です。
• _dmarcのTXTを v=DMARC1; p=reject; にします。「このドメインを名乗るメールは受け取らないで」という意味です。

「Continue to activation」を押すと、「not fully protected」（Cloudflareを通していない）という警告が出ました。すべてDNS onlyにしたのは意図どおりなので、「I'll do this later」を押しました。

手順4：ムームードメインでネームサーバーを変える

Cloudflareの「Update your nameservers」に、割り当てられたネームサーバーが2つ表示されます。筆者の場合は anna.ns.cloudflare.com と kaiser.ns.cloudflare.com でした。名前はアカウントごとに違うので、自分の画面に出たものを使ってください。

ここからは、ムームードメインの管理画面での操作です。

1. 左メニューの「ドメイン管理」→「ネームサーバ設定変更」を開き、ドメインを選びます。
2. 「GMOペパボ以外 のネームサーバーを使用する（他社）」を選びます。

1. 「ネームサーバー1」「ネームサーバー2」に、Cloudflareの2つを入れます。
2. 「ネームサーバー設定変更」を押します。
3. 「ネームサーバーの設定を変更しました。」と出れば完了です。

筆者が変えたのは0時42分です。.comの管理元（レジストリ）にはすぐ反映され、Cloudflare側も数十秒で有効になりました。ただし、「2〜3日かかる場合があります」の本当の意味は、このあとわかりました（後の「切り替えたのに、古いサイトやエラーが出る」）。

手順5：EmDashのサイトにドメインをつなぐ

手順5-1：設定を書いて出し直す（Claude Code）

Claude Codeが、設定ファイル wrangler.jsonc に、manual-chang.com と www を「カスタムドメイン」として書き足しました。www に来た人は manual-chang.com に転送します。

出し直す（npm run deploy）と、次のエラーが出ました。

Hostname already has externally managed DNS records [code 100117]

手順5-2：古いAレコードを消す

1. Cloudflareで manual-chang.com を開き、「DNS」→「Records」を開きます。
2. ロリポップを指しているAレコード2つ（manual-chang.com と www）を削除します。TXTは残します。

削除してすぐに出し直すと、manual-chang.com と www がEmDashのサイトにつながりました。削除してからつながるまでの空白は1〜2分です。切り替えが終わったのは0時53分でした。

手順5-3：仮アドレスも生かしておく

本番のドメインを書き足すと、Wranglerは仮アドレス（workers.dev）を自動でオフにします。仮アドレスが「見つかりません」になったので、設定ファイルに次の1行を足して元に戻しました。仮アドレスは、手順6で管理画面に入るときに使います。

"workers_dev": true,

手順5-4：表示を確かめる

Claude Codeに、Cloudflareの住所を直接指定して確かめてもらいました。

• 新しいサイトが表示され、旧URL 129件がすべて表示できた
• canonical（正式なURLの印）が https://manual-chang.com/… になっている
• Googleアナリティクスのタグがあり、noindex（検索に出さない印）は無い
• www は manual-chang.com に転送される

切り替えたのに、古いサイトやエラーが出る

切り替えたあとも、筆者のMacではしばらく古いWordPressのサイトが表示されました。さらにその後、Chromeで次のエラーが何度か出ました。公開した記事を開いたときと、管理画面を開いたときです。

ERR_SSL_PROTOCOL_ERROR

Claude Codeに調べてもらうと、次のことがわかりました。

• Macでドメインの住所を6回調べると、2回は古いロリポップ、4回はCloudflareが返ってきました。
• 元のムームーDNSは、ネームサーバーを変えたあとも古い情報を答え続けていました。
• .comの管理元が持つ「このドメインの電話帳はここ」という情報は、有効期限（TTL）が2日です。プロバイダなどが切り替え前の「ムームーDNSに聞け」を覚えている間は、古いサーバーに案内されることがあります。
• 古いロリポップのWordPressも、まだ動いています。ChromeがCloudflare用の暗号化の設定と、古いサーバーの住所を混ぜてしまい、接続エラーになったと考えられます。

対処は次のどちらかです。

• Chromeのアドレス欄に chrome://net-internals/#dns と入れて開き、「Clear host cache」を押す（Chromeが覚えている住所を消す）。
• Safariなど、ほかのブラウザで開く。

ネームサーバーを変えた10月31日0時42分から最大2日、つまり11月2日1時ごろまでには自然に直る見込みです。この記事を書いている時点では、まだ確かめていません。

手順6：管理画面のドメインを変えて、パスキーを登録し直す

第2回で書いたとおり、パスキーはアドレスごとに作られます。仮アドレスで作ったパスキーは、manual-chang.com では使えません。そこで、管理画面のアドレスを変えてから、本番用のパスキーを登録します。この作業は、仮アドレスの管理画面にログインした状態で始めます。

1. 管理画面の「設定」→「一般」を開き、「サイトURL」の横の「ドメインを変更」を押します。
2. 「新しいドメイン」に manual-chang.com を入れて、「確認して切り替え」を押します。

筆者の場合は、ここで「https://manual-chang.comではまだこのサイトが配信されていません」と出ました。

外から確かめると、manual-chang.com では新しいサイトが配信されていました。EmDashの確認は、サイト自身が自分の本番ドメインを見に行く方式です。切り替え直後のため、そこでうまく確かめられなかったようです（原因は確定していません）。

1. 自分のブラウザで manual-chang.com に新しいサイトが出ることを確かめてから、「確認せずにhttps://manual-chang.comを使用」を押します。
2. 「サイトURL」が https://manual-chang.com に変わり、「manual-chang.comで続行」ボタンが出ます。

1. 「manual-chang.comで続行」を押し、続行します。
2. manual-chang.com の管理画面で「セキュリティ設定」を開き、「パスキーを追加」を押します。筆者はMacのTouch IDで登録しました。
3. 一覧に「名前のないパスキー」（最終使用日時 今）が増えれば完了です。

古い「Setup passkey」は、仮アドレス用として残しました。

手順7：Search Consoleを確認し直す

旧サイトでは、WordPressのプラグイン（Site Kit）が、ファイルやメタタグで所有者を確認していました。WordPressをやめると、この確認が切れます。DNSを使う「ドメイン」プロパティで確認し直しました。

1. Search Consoleで「プロパティを追加」を押し、「ドメイン」に manual-chang.com を入れます。
2. DNSがCloudflareだと自動で判定されます。「確認を開始」を押します。

1. Cloudflareの「Authorize DNS records from Google」が開きます。manual-chang.com にTXTが1件だけ追加されることを確かめて、「Authorize」を押します。
2. Search Consoleに「所有権を証明しました」と出れば完了です。追加されたTXTは消さないでください。

続けて、サイトマップを送信します。ドメインプロパティでは、sitemap.xml だけを入れると「サイトマップ アドレスが無効です」になりました。https://manual-chang.com/sitemap.xml のように、https:// から入れます。

送信直後は「取得できませんでした」と表示されました。翌日には「成功しました」に変わり、検出されたページは34（記事32と固定ページ2）でした。最初の表示は一時的なものでした。

あわせて、タグページを検索結果から外しました（noindex, follow）。旧URL 129件のうち90件がタグページで、中身の薄いページが多いと、Googleが記事の登録を後回しにしがちだからです。タグページ自体は表示されたままです。

手順8：フォームの通知メールを設定する

第4回で作ったお問い合わせフォームに、通知メールを付けます。EmDashのメールのプラグインは、Cloudflareの「Email Sending」を使います。料金はWorkers Paidが必要で、月3,000通まで無料です。

1. Cloudflareで「Compute」→「Email Service」→「Email Sending」を開き、「Onboard Domain」を押します。
2. Zoneに manual-chang.com、Subdomainに mail を入れます。
3. 「Verify DNS records」で、追加されるレコードがすべて mail の下にあることを確かめます。ドメイン本体のレコードには触りません。

1. 「Activate」を押します。
2. 「Sending status」が「Enabled」、「DNS records」が「Configured」になれば完了です。

このあとはClaude Codeの作業です。

• 設定ファイル astro.config.mjs に、メールのプラグイン（送信元は noreply@mail.manual-chang.com、名前は「マニュアルちゃん」）を足しました。
• wrangler.jsonc に、メールを送るための設定を足して、出し直しました。
• フォームの管理画面には通知先の欄が無いため、データベースのフォーム設定に、筆者のメールアドレスを直接入れました。

管理画面のテスト送信と、お問い合わせフォームからの送信の両方を試しました。どちらもGmailの受信トレイ（迷惑メールではない）に「マニュアルちゃん」から届きました。通知メールの返信先は、フォームに入力されたメールアドレスになるので、そのまま「返信」すれば問い合わせた人に返せます。

ただし、件名は「New submission: お問い合わせ」と英語で、送信時刻も世界標準時のままでした。プラグイン側の決まった文言です。

うまくいかないときは

まとめ

• Cloudflareにドメインを追加し、自動で読み込まれたDNSレコードを確かめて直します。メールを使わないなら、「送らない・受け取らない」設定にします。
• ネームサーバーは、実際に契約しているサービス（今回はムームードメイン）で変えます。
• 古いAレコードを消してから、EmDashのサイトにドメインをつなぎます。
• 切り替えたあとも、最大2日は古いサイトやエラーが出ることがあります。古いサーバーは、落ち着くまで止めません。
• 管理画面は「ドメインを変更」でアドレスを変え、本番用のパスキーを登録し直します。
• Search ConsoleはDNSで確認し直し、フォームの通知メールは送信専用のサブドメインから送ります。

これで、manual-chang.com はEmDash（Cloudflare）で動くようになりました。旧URL 129件もそのまま表示できます。ロリポップは、ほかのサイトがあるため解約していません。

移行はここで一区切りです。次は、第6回でClaudeからEmDashに記事を書けるようにします。

連載の他の回

• 第1回 【図解】WordPressからEmDashへ移行する手順（準備編）
• 第2回 EmDashをCloudflareに立ち上げる手順｜作成からログインまで
• 第3回 WordPressの記事をEmDashに移す手順｜無料プランで止まった時の対処
• 第4回 EmDashでデザイン・フォーム・SEOを作り直す手順｜移行後の仕上げ
• 第6回 ClaudeとEmDashのMCP連携｜記事を下書き保存する手順