前言介紹
- 這款 WordPress 外掛「Winden — Tailwind CSS Compiler with Full WordPress Integration」是 2026-01-28 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2026-02-12，距離現在已有 13 天。
- 外掛最低要求 WordPress 6.2 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 2 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
css | compiler | tailwind | gutenberg | page builder |
內容簡介
總結文案：Winden 將 Tailwind CSS v4 的完整功能帶到WordPress中。直接在編輯器中編寫效用類別，並即時編譯。
1. Winden 外掛為WordPress帶來了Tailwind CSS v4強大功能。
2. 可以在瀏覽器中實時編譯效用類別。
3. 支持任何主題或頁面構建器。
4. 兼容Gutenberg編輯器，並且開發者友好。
### 問題與答案：
1. Winden 主要功能是什麼？
- 答：將 Tailwind CSS v4 的完整功能帶入 WordPress，允許直接在編輯器中編寫效用類別並即時編譯。
2. Winden 外掛支持哪些構建器？
- 答：Winden 外掛支持Gutenberg (區塊編輯器)、Oxygen Builder (專業版)、Bricks Builder (專業版)、Elementor (專業版)。
3. Winden 外掛提供了哪些捆綁的Tailwind插件？
- 答：@tailwindcss/forms、@tailwindcss/typography、@tailwindcss/container-queries。
4. Winden 外掛如何與外部服務集成以加載第三方Tailwind插件？
- 答：使用 @plugin 指令和CSS配置中的外部URL時，Winden 將在編譯時提取插件模塊。這僅在使用者明確添加具有URL的 @plugin 指令時啟用。
原文外掛簡介
Winden brings the full power of Tailwind CSS v4 to WordPress. Write utility classes directly in your editor and see them compiled in real-time.
Features:
Full Tailwind CSS v4 support
Fallback for Tailwind CSS v3 with Config support
Real-time compilation in browser
Works with any theme or page builder
Gutenberg integration
Developer-friendly
Integrations:
Gutenberg (free)
FanCoolo WP (free)
Oxygen Builder (pro)
Bricks Builder (pro)
Elementor (pro)
Builderius (pro)
Bundled Tailwind Plugins:
@tailwindcss/forms
@tailwindcss/typography
@tailwindcss/container-queries
Easy migration:
* With single copy paste of style tab you can migrate form WindPress and other tailwindcss integration to Winden keeping all the classs in block attributes
External Services
Winden provides optional integration with external services for loading third-party Tailwind plugins. Core features work entirely offline.
Third-Party Tailwind Plugins:
When you use the @plugin directive with an external URL in your CSS configuration, Winden fetches the plugin module at compile time. For example: @plugin "https://esm.sh/daisyui@5";
Only activated when user explicitly adds a @plugin directive with a URL
Supports any ESM-compatible CDN (esm.sh, unpkg, jsdelivr, etc.)
Plugin fetching only occurs during development mode compilation
In production mode with dev mode disabled, no external requests are made
No user data or site information is transmitted
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Winden — Tailwind CSS Compiler with Full WordPress Integration」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.1.2 | 1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.0 | 1.1.1 | trunk |
延伸相關外掛（你可能也想知道）
Less PHP Compiler 》這是一個簡單的外掛，它加載了 Less.php 和 scssc 類別，並使它們對其他外掛和佈景主題可用。, 啟用此外掛後，它不會執行任何操作。, 它本身沒有任何功能，但...。
SCSS-Library 》這個外掛讓你可以直接在 wp_enqueue_style 中使用 SCSS 檔案，只需要將該檔案添加到樣式清單中，外掛會在需要時進行編譯。, 這個外掛的基礎受到 WP...。
Lenix scss compiler 》一個非常實用的外掛，專門為開發者撰寫 SCSS 而設計。, 此外掛允許您直接在伺服器上（通過 FTP）編寫 SCSS，無需本地編譯器。, 如何運作？, 選擇一個包含 SCS...。
Simple SCSS Compiler 》您喜歡使用 SCSS，但不喜歡使用 node 庫或在線工具將 SCSS 代碼轉換為 CSS 嗎？您找不到其他足夠易用的解決方案嗎？, 試試這款插件，讓您的主題開發更加順暢...。
Compilebin 》這是一個語法高亮外掛，同時也是一個介面，可以連接到 https://www.compilebin.com 提供的在雲端上的編譯器 API 服務。它透過 REST API 與雲端服務進行互動，...。
Sass To CSS Compiler 》此外掛可在運行時即時編譯Sass(.scss)檔案成為CSS檔案。 無需在本地進行編譯並上傳到網站上，現在您可以簡單地將直接的scss原始碼編譯為css代碼。 , 特點：, ...。
SASS Compiler 》透過這個外掛，您可以從 WordPress 儀錶板中編寫 SASS 並編譯樣式表，同時也可以編輯您的變數。, 閱讀文件, , , 以與 CSS 相同的方式註冊和加載 SASS 樣式表...。
LESS Compiler 》透過 WordPress 外掛，從儀表板輕鬆編寫 LESS、編輯變量並編譯樣式表。, 閱讀文檔, , , 註冊和併入 LESS 樣式表的方式與 CSS 相同。, `, , wp_enqueue_style(...。
CompileKit – Tailwind CSS Compiler 》總結：這個 WordPress 外掛可以直接將Tailwind CSS Standalone CLI整合到WordPress中。使用者可以選擇在每次頁面重載時自動編譯或手動編譯。同時可以配置輸入...。
Simple Compiler SCSS 》總結：SCS 是一個簡單的外掛程式，用於即時編譯 SCSS 檔案，當請求詢問不存在的 CSS 檔案時，但同名的 SCSS 檔案存在。由開發者為開發者而製作。, , 問題與答...。