WordPress網頁設計教學
如何提高您WordPress網站的速度和安全性?與WP Rocket一起使用Cloudflare的綜合指南
Cloudflare ≠ CDN： 請勿 在 CDN 選項卡上輸入 Cloudflare CNAMES，這會破壞您的網站！
除了 Cloudflare 之外，您還可以根據需要使用標準拉取 CDN。WP Rocket 擁有自己的優質 CDN 服務RocketCDN，
並且還與大多數 CDN 提供商兼容，包括Amazon Cloudfront、Bunny CDN、KeyCDN等。如果您需要有關如何將WP Rocket 與 CDN 結合使用的信息，請：將 WP Rocket 與 CDN 結合使用
在大多數情況下，使用我們的 Cloudflare 插件並不是必需的，這只是一種方便。正確設置 Cloudflare 帳戶後，無論您是否使用 WP Rocket 插件，該帳戶都將在您的網站上處於活動狀態。該附加組件只是提供了一種配置某些設置的便捷方法。
但是，如果您使用Cloudflare 的 Cache Everything 功能，則需要配置我們的附加組件才能同步緩存清除。
一起使用它們的第一步是將您的網站添加到您的 Cloudflare 帳戶。如果您尚未執行此操作，請按照 Cloudflare 的教程進行操作：創建 Cloudflare 帳戶並添加網站。然後將您的域名服務器更改為 Cloudflare。
Cloudflare 可以像 WP Rocket 一樣執行 CSS 和 JS 文件的縮小過程，但 WP Rocket 還可以選擇合併 Cloudflare 無法執行的文件。
我們建議您在 Cloudflare 和 WP Rocket 中激活縮小以獲得最佳結果。
注意：如果您使用 WP Rocket Cloudflare插件，則不再需要官方 Cloudflare 插件（除非您使用 Cloudflare APO）。
WP Rocket 提供與提供原始 IP 地址相同的功能。
WP Rocket 的 Cloudflare 插件
先決條件
您必須能夠直接訪問自己的 Cloudflare 帳戶才能獲取配置附加組件所需的 API 密鑰信息。如果您通過主機提供的集成使用 Cloudflare，您可能無法獲取此信息，因此您將無法使用該附加組件，但 Cloudflare 仍將在您的站點上處於活動狀態。
在附加組件 設置選項卡中，您將看到Cloudflare附加組件。將附加組件狀態切換為開啟：
然後單擊修改選項按鈕。它將帶您進入“附加組件”選項卡下顯示的Cloudflare選項卡：
這些是您需要設置的設置：
全局 API 密鑰
如何查找您的全局 API 密鑰：
- 登錄您的 Cloudflare 帳戶
- 單擊右上角的個人資料圖標，然後單擊我的個人資料
- 單擊 API 令牌
- 在那裡您將找到全局 API 密鑰：
- 輸入您的 Cloudflare 密碼後，API 密鑰將會顯示。複製全局 API 密鑰並粘貼到 WP Rocket 設置中。
注意： Cloudflare 插件僅適用於 全局 API 密鑰，不支持其他Cloudflare API 令牌。
在 wp-config.php 中定義 API 密鑰
如果它適合您的用例，您還可以在wp-config.php文件中定義 API 密鑰。如果您在同一 Cloudflare 帳戶下有多個站點，這會很有用。以下是將其添加到wp-config.php文件中的方法（請記住將示例中的第二個值替換為您自己的 API 密鑰）：
定義（’WP_ROCKET_CF_API_KEY’，’將您的API密鑰放在這裡’）;
通過wp-config.php中的以下代碼行， 如果您希望保密，您還可以在 WP Rocket 設置中隱藏 API 密鑰字段：
定義（’WP_ROCKET_CF_API_KEY_HIDDEN’，true）;
帳戶的電子郵件
填寫您的 Cloudflare 帳戶中使用的電子郵件地址。
區域ID
輸入您的域的區域 ID。這可以在您的 Cloudflare 帳戶中的域的 概述頁面上找到：
Cloudflare 附加組件和 Cloudflare APO
從 WP Rocket 3.14 開始，如果您使用Cloudflare APO並且 Cloudflare 插件已啟用並經過身份驗證，Cloudflare 附加組件將變暗，並且將具有不同的信息，如下所示：
這些是使用 APO 時 Cloudflare Add-on 內的文本：
您的網站正在使用官方 Cloudflare 插件。我們啟用了 Cloudflare 自動清除以實現兼容性。如果您激活了 APO，它也兼容。
每次 WP Rocket 清除其緩存時，Cloudflare 緩存都會被清除，以確保內容始終是最新的。
在這種情況下，您可以直接從 Cloudflare 插件管理 Cloudflare 設置。WP Rocket 將尊重這些設置。
您可以在將 Cloudflare APO 與 WP Rocket 結合使用一文中找到更多信息。
發展模式
這會打開或關閉 Cloudflare 的開發模式。 開發模式允許您暫時暫停 Cloudflare 的邊緣緩存和縮小功能。
你可知道？ 當您對可緩存內容（如圖像、CSS 或 JavaScript）進行更改並且您希望立即看到這些更改時，激活開發模式特別有用 。
最佳設置強烈建議激活此選項。WP Rocket 會自動為 Cloudflare 選擇一組預定義的選項，以提高站點的性能：
- 將 Cloudflare 的緩存級別設置為標準
- 激活 Cloudflare 的 縮小功能
- 停用 Rocket Loader （與 WP Rocket 無關的名稱）
- 將 Cloudflare 的瀏覽器緩存設置為1 年
相關協議
小心！僅當您使用 Cloudflare 的靈活 SSL功能時才應激活此設置。
當您的 WordPress 網站在完整的 SSL 上運行時，您不應該激活它！
相對協議設置重寫靜態文件（CSS、JS、圖像）的 URL 以使用相對協議（//而不是http://或https://）。
IC 應何時清除所有 Cloudflare 緩存文件？
默認情況下，不需要每次清除 WP Rocket 的緩存時都按此按鈕。
它將清除 Cloudflare 緩存，並且主要用於故障排除，以防您在未更改文件名的情況下對文件進行了更改，或者您認為 Cloudflare 出於某種原因正在提供過時的文件。
如果您啟用了 Cache Everything，Cloudflare 緩存將與 WP Rocket 緩存同時自動清除。
如果您使用 Cloudflare 的Cache Everything功能，請參閱本指南
Cloudflare APO
從 3.14 版本開始，WP Rocket 兼容 Cloudflare APO，如果啟用並驗證了 Cloudflare 插件，將同步清除緩存。請參閱將 Cloudflare APO 與 WP Rocket 結合使用文章中的更多信息。
故障排除
- Rocket Loader
使用 Cloudflare 時出現問題的最常見原因是其Rocket Loader功能。如果您在運行 Cloudflare 時看到顯示問題或 JavaScript 錯誤，請禁用Rocket Loader並清除緩存，看看這是否可以解決問題。（Rocket Loader與 WP Rocket 沒有任何關係。）。 - 清除緩存時出現502錯誤或空白頁
在某些情況下，當 Query Monitor 插件處於活動狀態並且 Cloudflare 正在站點上運行時，清除緩存可能會觸發 502 錯誤或空白頁錯誤。如果您在網站上發現此問題，您應該禁用查詢監視器插件。一般來說，只有在主動監控查詢時才應啟用查詢監控插件。
來自 <https://docs.wp-rocket.me/article/18-using-wp-rocket-with-cloudflare>