如何使用W3 Total Cache外掛設定Vultr CDN

設定Vultr CDN

W3 Total Cache 是一款 WordPress 快取外掛，提供多種配置選項和全站 CDN 功能。與其他快取外掛類似，W3 Total Cache 對 WordPress 檔案進行了最小化處理，以提高網站的載入時間和速度。請按照以下步驟在 WordPress 網站上安裝該外掛。

本文介紹如何使用 W3 Total Cache 外掛為 WordPress 網站設定 Vultr CDN。

準備條件

開始之前：

為你的 WordPress 網站建立一個 Vultr CDN，提供域名作為源 URL。
登入 WordPress 管理控制面板。
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
https://example.com/wp-admin
https://example.com/wp-admin
```
https://example.com/wp-admin
```

安裝 W3 Total Cache

W3 Total Cache 是一款 WordPress 快取外掛，提供多種配置選項和全站 CDN 功能。與其他快取外掛類似，W3 Total Cache 對 WordPress 檔案進行了最小化處理，以提高網站的載入時間和速度。請按照以下步驟在您的 WordPress 網站上安裝該外掛。

導航至主導航選單上的外掛頁面。
單擊 “新增新外掛” 瀏覽 WordPress 外掛庫。
在搜尋外掛欄位中輸入 w3 Total Cache 關鍵字。
從搜尋結果找到對應外掛，然後單擊 W3 Total Cache 外掛上的立即安裝。
成功後，單擊啟用外掛。

配置 W3 Total Cache

在主導航選單中找到並單擊 “Performance“，進入 W3 Total Cache 配置頁面。
從選項下拉選單中單擊 “General Settings“。
滾動並找到 CDN 部分。
選中 CDN：啟用選項以啟用 CDN 配置。
單擊 CDN Type 下拉選單，從 CDN 選項列表中選擇 Generic Mirror。
單擊 Save Settings 應用更改。
在外掛導航列表中找到並單擊 CDN，或單擊 Advanced Settings 導航到 CDN 配置頁面。
確認 CDN 配置頂部是否顯示以下提示：:
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
Content Delivery Network object support via mirror is currently enabled and not authorized.
Content Delivery Network full-site-delivery support via None is currently disabled and not authorized.
Content Delivery Network object support via mirror is currently enabled and not authorized. Content Delivery Network full-site-delivery support via None is currently disabled and not authorized.
```
Content Delivery Network object support via mirror is currently enabled and not authorized.
Content Delivery Network full-site-delivery support via None is currently disabled and not authorized.
```
滾動到 “Configuration: Objects” 部分，並將 Auto (determine connection type automatically) 保留為選定的 SSL support 選項。
在 Replace site’s hostname with: 欄位中輸入 Vultr CDN URL。
單擊 “Test Mirror” 驗證並測試 CDN 連線。
驗證 Test Mirror 結果是否顯示 “Test Passed” 提示。
單擊 Save Settings 應用 CDN 配置。
確認 General 部分中的以下選項已啟用：
- Host attachments: 將所有 WordPress 網站附件快取到 Vultr CDN。
- Host wp-includes/files: 將所有啟用的 wp-includes 檔案型別快取到 Vultr CDN。
- Host theme files: 從 Vultr CDN 服務所有啟用的主題檔案型別。
- Host minified CSS and JS files: 將所有已精簡的檔案快取到 Vultr CDN。
- Host custom files: 將高階配置中指定的所有自定義檔名和路徑快取到 Vultr CDN。
滾動到 “Advanced” 部分，啟用以下選項：
- Use CDN links for the Media Library on admin pages: 將所有上傳的 WordPress 圖片連結遷移到匹配的 Vultr CDN URL 連結。
- Disable CDN for the following roles: 禁用管理使用者角色的 WordPress 快取資料。
- Add CORS header: 允許其他域連結並使用你的 Vultr CDN 資源。為避免內容衝突，請確認您的 Vultr CDN 端點已啟用 CORS。
確認要與 CDN 一起快取的 wp-includes 和主題檔案型別。
單擊 “Save Settings” 應用 CDN 配置更改。

測試 Vultr CDN 整合

使用不同的網路瀏覽器（如 Chrome 瀏覽器）訪問 WordPress 網站，以普通使用者身份訪問網站。
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
https://example.com
https://example.com
```
https://example.com
```
右鍵單擊網站部分的任意位置，從選項列表中選擇 “Inspect“。
導航到 “Sources” 選項卡，驗證網站來源列表中是否有你的 Vultr CDN URL。
要驗證 CDN 影象整合，請右鍵單擊 WordPress 網站的任何影象，然後根據網路瀏覽器型別選擇 Image Address 或 Copy Image Link。
在 URL 欄中貼上圖片連結，並驗證它使用的是 Vultr CDN URL 而不是 WordPress 網站 URL。
按 ENTER 鍵訪問 URL 地址，驗證 WordPress 網站圖片是否能正確顯示在瀏覽器結果中。