Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

WordPress.com と Cloudflare

最終更新 Markdown で表示Agent セットアップ

WordPress.com と Cloudflare を始める

Cloudflare と WordPress.com は提携し、WordPress.com のホスティング基盤に Cloudflare のパフォーマンスとセキュリティを提供しています。導入は簡単です。

1. WordPress サイトを Cloudflare に追加します。次の手順を行います。

この過程で、Cloudflare は既存の WordPress.com DNS レコードをスキャンして表示します。レコードは次の例のようになります。

  • A example.com 192.0.78.12
  • A example.com 192.0.78.13

WordPress.com は、IP アドレスが変わらないことを保証していません。稼働時間を最大化するには、次の手順も完了してください。

2. Manage Domains ページで、<site>.wordpress.com ドメインを確認します。ドメインは examplecom.wordpress.com のようになります。つまり、元のドメインから英数字以外の文字を除いたものです。

3. ブラウザーのアドレスバーにそのドメインを入力し、正しいことを確認します。

4. レコード CNAME @ examplecom.wordpress.com を追加します。

5. A レコードを削除します。

完了した CNAME レコード設定の例。

これで、サイトは Cloudflare によって高速化され、保護されています。


追加の Cloudflare プロダクトを有効にする

Cloudflare Web Analytics(無料)

Cloudflare Web Analytics は、訪問者のプライバシーを犠牲にせず、Web 制作者が必要な情報をシンプルに確認できる分析です。この提携の目的の 1 つは、プライバシーを優先した分析を WordPress.com サイトに提供することです。

Cloudflare

1. ダッシュボードを開き、Account メニュー > Account Home を選びます。

2. Account のホームページで、Analytics & Logs > Web Analytics を選びます。

3. Web Analytics で使うホスト名を入力します。通常、ホスト名は example.com のようなトップレベルドメインです。

4. Next をクリックします。

5. Copy JS Snippet の下にある Click to copy を選びます。

WordPress

1. WordPress を開き、サイトを選びます。

2. Tools > Marketing を選びます。

3. Cloudflare のセクションを探します。

4. Cloudflare からコピーしたコードスニペットを Tracking ID 欄に貼り付けます。欄はスニペットから Tracking ID を取り出します。

5. Add to Cloudflare を切り替えて、トラッキングを有効にします。

WordPress.com は、サイトの各ページに JavaScript を自動で追加します。新しいインサイトは、Cloudflare ダッシュボードの Web Analytics で確認できます。

WordPress.com 向け Automatic Platform Optimization(月額 $5。Pro プランと Business プランに含まれます)

Cloudflare の WordPress.com 向け Automatic Platform Optimization は、WordPress.com サイトを大幅に高速化する最も簡単な方法です。APO プラグイン を使うと、Cloudflare は動的コンテンツを賢くキャッシュします。訪問者の場所に関係なく、高速なパフォーマンスになります。詳細は Automatic Platform Optimizationブログ を参照してください。

要件

  • Cloudflare の無料プラン + 月額 $5 の APO アドオン、または Pro プランか Business プランのサブスクリプション(APO を含む)
  • WordPress.com の Business プラン以上(プラグインが必要)

APO のインストールと有効化

1. WordPress から、サイトに Cloudflare WordPress プラグイン をインストールするか、最新バージョン(3.8.2 以上)に更新します。

2. まだ接続していない場合は、プラグインを認証 して Cloudflare に接続します。

3. Cloudflare セクションの Home 画面で、Automatic Platform Optimization をオンにします。

詳細は WordPress での Automatic Platform Optimization(APO) を参照してください。


トラブルシューティング

Cloudflare が記録上の DNS プロバイダーになっていることを確認するには?

1. https://dnschecker.org を開きます。

2. DNS Check の下のドロップダウンから、NS レコードを選びます。

3. テキスト欄にドメイン名を入力し、Search をクリックします。

4. Cloudflare のネームサーバーが表示されることを確認します。

APO が稼働していることを確認するには?

ターミナルで次の cURL を使います。ヘッダー 'accept: text/html' は重要です。

curl -svo /dev/null -A "CF" 'https://example.com/' -H 'accept: text/html' 2>&1 | grep 'cf-cache-status\|cf-edge\|cf-apo-via'
< cf-cache-status: HIT
< cf-apo-via: cache
< cf-edge-cache: cache,platform=wordpress

通常どおり、cf-cache-status は、アセットがキャッシュにヒットしたか、動的と判断されてオリジンから配信されたかを表示します。

  • cf-apo-via ヘッダーは、そのリクエストの APO ステータスを返します。
  • cf-edge-cache ヘッダーは、WordPress プラグインがインストールされ、有効になっていることを示します。

APO と WordPress.com の連携が動作していることを確認するには?

1. WordPress サイトで変更を公開します。

2. ページを 2 回更新します。

3. 変更が表示されます。レスポンスヘッダーに cf-cache-status: HITcf-apo-via: cache が付き、ページはキャッシュされているはずです。

役に立ちましたか?