WordPressにCloudflareを設定する方法
最終更新日:
WordPressにCloudflareを設定する方法を解説しています。WordPressにCloudflareを接続することでCDNやDNS、DDoS対策といった機能を利用できます。ステップごとに詳しく説明しています。
Cloudflareとは?
Cloudflare(クラウドフレア)とは、CDN(Contents Delivery Network)やDNS、DDoS対策などを提供しているリバースプロキシサービスです。
Cloudflareの特徴
Cloudflareの特徴として次の点が挙げられます。
- グローバルに負荷分散されたCDN
- 静的コンテンツのキャッシュ
- DDoS対策
- ユニバーサルSSL証明書
- グローバルエニーキャストDNS
Cloudflareの注意点
Cloudflareの注意点として次の点が挙げられます。
- Cloudflareがダウンするとサイトを閲覧できなくなる
- キャッシュによって更新が反映されない場合がある
Cloudflareのプラン
Cloudflareは価格と機能によって次の4つのプランが用意されています。
Free | Pro | Business | Enterprise | |
---|---|---|---|---|
価格 | $0/月 | $20/月 | $200/月 | お見積り |
CDN | ○ | ○ | ○ | ○ |
キャッシュ | ○ | ○ | ○ | ○ |
キャッシュ時間(TTL) | 2時間 | 1時間 | 30分 | 1秒 |
最大アップロード容量 | 100MB | 100MB | 200MB | 500MB以上 |
DDoS対策 | ○ | ○ | ○ | ○ |
メールによるサポート | ○ | ○ | ○ | ○ |
チャットサポート | × | × | ○ | ○ |
電話/緊急サポート | × | × | × | ○ |
WordPressのプラグイン
Cloudflareは専用のWordPressプラグインを提供しています。プラグインを有効化するとWordPressのダッシュボードからCloudflareの設定を管理できます。

WordPressにCloudflareを設定する方法
WordPressにCloudflareを設定するには次の手順を行います。
Cloudflareにアクセスする
Cloudflareの公式サイト(https://www.cloudflare.com/)にアクセスし、「Sign Up」をクリックします。

Cloudflareアカウントを作成する
Cloudflareアカウントの作成画面が表示されます。
- メールアドレスを入力します
- パスワードを入力します
- 「Create Account」ボタンをクリックします

サイトを追加する
Cloudflareとサイトを関連付けます。
- サイトのドメイン(example.com)を入力します
- 「Add Site」ボタンをクリックします

プランを選択する
4つのプランから選択できます。今回は無料版を選択します。
- 「Free」をクリックします
- 「Confirm plan」ボタンをクリックします

DNSレコードを確認する
現在のDNSレコードが表示されます。内容を確認し、「Continue」ボタンをクリックします。

ネームサーバーを更新する
Cloudflareのネームサーバーが表示されます。お使いのレジストラ(お名前.comなど)で既存のネームサーバーを変更します。ネームサーバーの更新には最大24時間かかることがあります。
- 表示されているCloudflareのネームサーバーに切り替えます
- ネームサーバーの設定を変更したら「Done,check nameservers」ボタンをクリックします

クイックスタートガイドを開始する
「Get Started」ボタンをクリックします。

SSL / TLSのオプションを選択する
SSL / TLSのオプションを選択します。既にサーバーでSSlを設定している場合、「Full」もしくは「Full(Strict)」を選択します。
- 「Full」をクリックします
- 「Save」ボタンをクリックします

常にHTTPSを使用するか設定する
httpへのリクエストをすべてHTTPSにリダイレクトするか設定します。
- クリックして「オン」にします
- 「Save」ボタンをクリックします

縮小するファイルを選択する
- サイズを減らしたいファイル形式をチェックします
- 「Save」ボタンをクリックします

Brotliを設定する
Brotli圧縮を行うかどうかを設定します。
- クリックして「オン」にします
- 「Save」ボタンをクリックします

設定を終了する
「Finish」ボタンをクリックします。

接続の完了を確認する
ネームサーバーの更新が反映し、Cloudflareへの接続が完了したことを確認します。

APIを確認する
WordPressのプラグインを使用するためにAPIのキーを取得します。
- アイコンをクリックします
- 「My Profile」をクリックします
- 「API Tokens」をクリックします
- Global API Key右端の「View」ボタンをクリックします。パスワードを入力してキーをコピーします

プラグインをインストールする
WordPressにプラグイン「Cloudflare」をインストールし、有効化します。
- 設定からCloudflareをクリックします
- 「Sign in here」をクリックします

メールとAPIのキーを入力する
- メールアドレスを入力します
- API Keyを入力します
- 「Save API Credentals」ボタンをクリックします

WordPress用にCloudflareを最適化する
「Apply」ボタンをクリックします。自動的に設定が最適化されます。以上でWordPressにCloudflareを設定する方法は完了です。

Cloudflareのキャッシュをクリアする
Cloudflareのキャッシュをクリアするには、WordPressのプラグイン「Cloudflare」内にあるPuge Cacheボタンをクリックします。

ページルールを作成する
URLによってCloudflareの設定を管理できます。無料版では3つまでページルールを追加できます。
- Page Rulesをクリックします
- Create Page Ruleボタンをクリックします

WordPressの管理画面を保護してキャッシュしない
wp-admin配下を保護し、キャッシュしないように以下のようにページルールを作成します。
example.com/wp-admin*
- Security Level→High
- Cache Level→Bypass
- Disable Apps
- Disable Performance

プレビューをキャッシュしない
プレビューをキャッシュしないように以下のようにページルールを作成します。
example.com/*preview=true*
- Cache Level→Bypass

リダイレクトループする場合
サーバー側でSSLを設定している場合、Flexibleを選択するとERR_TOO_MANY_REDIRECTSが発生します。
FullもしくはFull(strict)を選択します。

よく見られている記事
- WordPress 5.6で何が新しくなったのか?新機能や変更点を紹介
- WordPressのサーバー要件とは?各バージョンの推奨環境
- WordPressをローカル環境にインストールする方法
- WordPress 5.5で何が新しくなったのか?新機能や変更点を紹介
- WordPress 5.6におけるjQueryのバージョンアップ内容と対策
- WordPress 5.5.3の更新内容は?1件のバグ修正
- WordPressで画像にwidthとheightを追加する方法
- WordPressで現在のユーザーが管理者かどうか判定する方法
- WordPressにログインできない?13の解決方法
- WordPressプラグイン「File Manager」の脆弱性と対応方法
新しい記事
- WordPressでiframeの遅延読み込みを無効にする方法
- WordPress 5.7で何が変わるのか?新機能や変更点を紹介
- WordPress 5.6におけるjQueryのバージョンアップ内容と対策
- WordPress 5.5.3の更新内容は?1件のバグ修正
- WordPress 5.5.2の更新内容は?10件のセキュリティ問題の修正
- WordPress 5.6で何が新しくなったのか?新機能や変更点を紹介
- WordPressで現在のユーザーが管理者かどうか判定する方法
- WordPressのcurrent_user_can関数の使い方
- WordPressのテンプレートタグ一覧(全162種)
- WordPressにCloudflareを設定する方法
- WordPressプラグイン「File Manager」の脆弱性と対応方法
- WordPress 5.5.1の更新内容は?44個のバグを修正
- WordPressのテンプレート階層とは?ページ種類別の優先順位
- WordPressの子テーマとは?子テーマの作り方(初心者向け)
- WordPressのおすすめ有料テーマ(日本語対応)
- WordPressのおすすめ無料テーマまとめ(用途別)
- WordPressのテーマとは?テーマの選び方や使い方のまとめ
- WordPress 5.5で何が新しくなったのか?新機能や変更点を紹介
- WordPressで画像にwidthとheightを追加する方法
- WordPressのインストール方法