前言介紹
- 這款 WordPress 外掛「CompileKit – Tailwind CSS Compiler」是 2025-08-20 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2026-02-03，距離現在已有 22 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
mstrdh |
外掛標籤
cli | css | theme | compiler | tailwind |
內容簡介
總結：這個 WordPress 外掛可以直接將Tailwind CSS Standalone CLI整合到WordPress中。使用者可以選擇在每次頁面重載時自動編譯或手動編譯。同時可以配置輸入/輸出路徑和CLI標誌。完全本地化，不需要Node.js或npm。
1. 這個WordPress外掛的功能是什麼？
- 將Tailwind CSS Standalone CLI直接整合到WordPress中。
2. 使用者可以如何選擇編譯的方式？
- 可以選擇在每次頁面重載時自動編譯或手動編譯。
3. 這個外掛可以配置哪些內容？
- 可以配置輸入/輸出路徑和CLI標誌。
4. 使用這個外掛需要哪些外部服務？
- 連接到GitHub API以檢查Tailwind CSS CLI的更新，並在需要時下載CLI。
5. 使用者點擊管理面板中的哪些按鈕才會觸發到對GitHub的HTTP請求？
- 當使用者點擊"檢查更新"、"下載Tailwind CLI"或"重新安裝Tailwind CLI"按鈕時。
原文外掛簡介
Compiles Tailwind CSS v4 directly on the server.
Choose a compiler: Standalone CLI binary or Node.js (npm) packages.
Run compilation manually from the Admin UI or enable Auto-Compilation Mode for front-end refresh builds.
Configure input and output CSS paths inside the active theme.
Environment-aware output: Local/Staging is unminified (optional source maps), Live is minified.
External services
This plugin can connect to GitHub to download the Tailwind Standalone CLI binary when requested in the admin UI.
An HTTPS request to GitHub is made only when an admin clicks “Download Tailwind Standalone CLI” or “Reinstall Tailwind Standalone CLI”. The request uses the user-agent “WordPress/compilekit”. Learn more about privacy policy and terms of service.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「CompileKit – Tailwind CSS Compiler」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
2.1.1 | 2.1.2 | 2.1.3 | 2.1.4 | 2.1.5 | 2.1.6 | 2.1.7 | 2.1.8 | 2.1.9 | 2.2.0 | 3.0.0 | trunk |
延伸相關外掛（你可能也想知道）
WindPress – Tailwind CSS integration for WordPress 》**總結：** , WindPress 是唯一針對 WordPress 開發的 Tailwind CSS v4 整合外掛，讓您能在 WordPress 生態系統中充分發揮 Tailwind CSS v4 的強大功能。, ,...。
Draft – Tailwind CSS for WordPress. 》在區塊編輯器中輕鬆地添加具有狀態和響應式的 Tailwind CSS 實用程式類別外掛。, 免費外掛功能：, , 配置 Tailwind, 添加自訂 CSS（包括能力 @apply Tailwind...。
TailPress – Tailwind for WordPress 》Tailwind CSS 是建立基於區塊的 WordPress 網站的絕佳夥伴。不幸的是，由於它需要使用 Node.js 編譯才能投入實際生產環境，因此在 WordPress 中添加 Tailwind...。
ska-blocks – TailwindCSS for Block Editor 》總結：, 透過使用 Tailwind 類別及低階區塊，在區塊編輯器中實現任何設計。只要輸入 Tailwind 類別，外掛就會編譯其 CSS 並加載到區塊編輯器和前端，避免浪費...。
Taily 》總結：透過在WordPress中完全動態地添加Tailwind框架，您可以使用這個強大的框架設計和風格化您網站的所有部分。這個外掛也是一個新的且適合以更優化和快速的...。
Blaze CSS 》現在有一些建構工具像是PurgeCSS被像TailwindCSS這樣的框架所使用，移除已建立的 CSS 檔案中所有未使用的 CSS 類別變得非常重要。, 然而，這些工具只能在原始...。
Winden — Tailwind CSS Compiler with Full WordPress Integration 》總結文案：Winden 將 Tailwind CSS v4 的完整功能帶到WordPress中。直接在編輯器中編寫效用類別，並即時編譯。, , 1. Winden 外掛為WordPress帶來了Tailwind ...。
Aspect Blocks 》總結：Aspect Blocks 是一個功能強大的 WordPress 外掛，專為 Gutenberg 編輯器設計，旨在使內容創建和設計輕鬆無憂。使用 Tailwind CSS 構建，提供高度可定...。
Add Bootstrap and Tailwind Css 》<!DOCTYPE html>, <html>, <body>, , <h2>WordPress Bootstrap 與 Tailwind CSS 整合外掛</h2>, , <h3>總結：</h3&g...。
MR.Utils 》這個外掛可以輕易地在區塊編輯器介面中使用 Mr.Utils 的前端工具包，不需要任何程式知識、類別或函數。, 您可以將父層區塊（例如列或群組）轉換為元件，如搜...。