內容簡介
Winden 是一款將 Tailwind CSS v4 完美整合進 WordPress 的外掛，讓使用者能在編輯器中直接撰寫實用類別，並即時編譯，提升開發效率。
【主要功能】
• 完整支援 Tailwind CSS v4
• 瀏覽器即時編譯功能
• 與任何佈景主題或頁面建構器相容
• Gutenberg 整合
• Winden Classes 面板提供自動補全
• 支援第三方 Tailwind 外掛
外掛標籤
開發者團隊
② 後台搜尋「Winden — Tailwind CSS Compiler with Full WordPress Integration」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
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
Winden Classes panel: a visual class helper with autocomplete, colour swatches and CSS previews
HTML editor: edit any block as HTML, or paste a Tailwind component and get blocks that keep their classes
Winden Group, Image, Text, Icon and Shape blocks for Tailwind markup
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
Container queries are built into Tailwind v4.
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
npm registry (plugin search):
The Tailwind plugin picker in the Style Editor searches the public npm registry (https://registry.npmjs.org) for Tailwind plugins.
Only activated when you type into the plugin search
Sends only the search text you typed
No user data or site information is transmitted
npm terms: https://docs.npmjs.com/policies/terms, privacy: https://docs.npmjs.com/policies/privacy
