CloudflareのDNSを使いながらXserverでWP導入したらエラー連発したのでまとめた

はじめに

CloudflareでDNS管理してる状態で、XserverにWordPressを入れようとしたらエラーが連発して全然進まなかったので、そのときの記録を残しておきます。

自分みたいに「Cloudflare使ってる状態でXserverにWPを入れたい」って人はそこそこいると思うので、少しでも参考になれば。

原因はめちゃくちゃシンプルで、
Cloudflare側のDNS管理が優先されるのに、Xserverが勝手にDNSを設定しようとして衝突してただけでした。

この衝突のせいで、

みたいな状態が起きてました。

CloudflareのAレコードがXserverのIPを向いていないときに出るやつ。

Cloudflareのプロキシ（オレンジの雲）が邪魔して、
Xserver側でLet’s Encryptが正常に動かないパターン。

Cloudflareで管理してる時点で、
Xserver側のDNS設定は無効みたいなものなので、エラーが出てもスルー。

CloudflareのDNSに以下の設定を入れました。

これだけ。

※最初からCloudflareに違うIPが入ってると、ここが詰まる原因になります。

Let’s Encryptを通すために、一旦CloudflareのプロキシをOFF（灰色の雲）へ。

これでSSL問題は全部解決しました。

Cloudflareは早いけど、Xserver側の処理が遅い時がある。反映されるまでのんびり待ちましょう。特にDNSを登録してすぐは反映されません。

もしまだ動かないなら、下のどれかが原因かも。

一個ずつ潰していけば、ほぼ確実に直ります。

CloudflareでDNS管理している状態でXserverにWordPressを入れると、
設定がけっこう衝突しやすくてハマりポイントが多かったです。

でもやったことはすごくシンプルで、

という流れさえ覚えておけば、次からはスムーズにWPが動きます。