前言介紹
- 這款 WordPress 外掛「WindPress – Tailwind CSS integration for WordPress」是 2024-08-27 上架。
- 目前有 900 個安裝啟用數。
- 上一次更新是 2025-04-28，距離現在已有 4 天。
- 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 26 人給過評分。
- 論壇上目前有 4 個提問，問題解答率 50%
外掛協作開發者
外掛標籤
tailwind | tailwindcss | tailwind css |
內容簡介
**總結：**
WindPress 是唯一針對 WordPress 開發的 Tailwind CSS v4 整合外掛，讓您能在 WordPress 生態系統中充分發揮 Tailwind CSS v4 的強大功能。
**問題與答案：**
1. 何謂 WindPress 外掛？
- WindPress 是一個面向平台的 Tailwind CSS v4 整合外掛，專為 WordPress 設計，讓您在 WordPress 生態系統中使用 Tailwind CSS v4 的全部功能。
2. WindPress 外掛的一些特點有哪些？
- 即插即用：在數秒內即可開始在 WordPress 中使用 Tailwind CSS，無需進行設置。
- 可自訂配置：該外掛帶有預設的 Tailwind CSS 配置，但您可以輕鬆自訂以滿足您的需求。
- 簡單易用：簡化且直觀的設置，讓您快速上手。
- 輕量級：外掛儀表板建立在 WordPress REST API 和現代 JavaScript 框架之上，提供即時、響應式的使用者體驗。同時外掛體積較小，不會拖慢您的網站。
- 超快速：通過快取使您的 WordPress 網站運行迅速。在瀏覽器中生成最終的 CSS 檔案，無需使用服務器端工具。不會在網絡傳輸您的任何數據。
3. WindPress 外掛如何與其他視覺/頁面構建者無縫整合？
- 適合 Tailwind CSS v4 的無縫整合與以下最受歡迎的視覺/頁面構建者配對：
- Timber
- Breakdance — Pro
- Bricks — Pro
- Builderius — Pro
- LiveCanvas — Pro
- Oxygen — Pro
- 計劃中/進行中的整合有：
- Elementor
- Gutenberg
- GreenShift
- Kadence WP
- Divi
- Pinegrow
- Zion Builder
4. 其他額外資訊與購買選項：
- 有關更多資訊，請前往我們的網站。
- 喜歡 WindPress 嗎？
- 購買專業版。
- 加入我們的 Facebook 群組。
5. 該外掛使用的圖像來源為哪裡？
- 圖像由 Flaticon 的 Pixel perfect 提供。
原文外掛簡介
WindPress: the only Tailwind CSS v3 and v4 integration plugin for WordPress.
WindPress is a platform agnostic Tailwind CSS integration plugin for WordPress that allows you to use the full power of Tailwind CSS within the WordPress ecosystem.
Tailwind CSS version:
– 3.4.17
– 4.1.4
Features
WindPress is packed full of features designed to streamline your workflow. Some of our favorites are:
Dual Tailwind CSS version: Tailwind CSS 3.x and 4.x ready.
Plug and play: Start using Tailwind CSS in WordPress in seconds — no setup is required.
Customizable Configuration: The plugin comes with a default Tailwind CSS configuration, but you can easily customize it to fit your needs.
Easy to use: Simplified and intuitive settings to get you up and running quickly.
Lightweight: The plugin dashboard built on top of WordPress REST API, and a modern JavaScript framework for an instant, responsive user experience. Yet it has a small footprint and won’t slow down your site.
Blazingly fast: Cache makes your WordPress site blazing fast. Generate the final optimized CSS file in the browser without server-side tools. None of your data is transferred over the network.
And some specific integrations also include the following features:
Autocompletion: As you type, Tailwind CSS class names will be suggested automatically.
Variable Picker: Easily select Tailwind CSS themes’ colors, fonts, and other variables from a panel.
HTML to native elements: Convert Tailwind CSS HTML to native elements in the editor.
Sort the classes: Sort the Tailwind CSS classes on the input field.
Hover Preview the classes: Hover over the classes to see the complete outputted CSS and the preview of the design canvas.
Ubiquitous Panel: A floating panel that allows you to quickly access the WindPress settings from anywhere on the page.
Visit our website for more information.
Seamless Integration
It’s easy to build design with Tailwind CSS thanks to the seamless integration with the most popular visual/page builders:
Gutenberg / Block Editor
GreenShift
Kadence WP
LiveCanvas
Timber
Blockstudio — Pro
Breakdance — Pro
Bricks — Pro
Builderius — Pro
Meta Box Views — Pro
Oxygen 6 / Classic — Pro
WPCodeBox 2 — Pro
Planned / In Progress
Elementor
Divi
Pinegrow
Zion Builder
Note: The core feature will remain available on all versions, but some integrations may be added or removed from the free version in the future.
Bring Your Own Integration
WindPress is designed to be easily extensible, so you can build your integrations with Tailwind CSS. The plugin provides a simple API for adding integrations.
Check out our detailed guide to get started.
Love WindPress?
Give a 5-star review
Purchase the Pro version
Join our Facebook Group
Sponsor us on GitHub or Ko-fi
Credits
Image by Pixel perfect on Flaticon
Affiliate Disclosure: This readme.txt may contain affiliate links. If you decide to make a purchase through these links, we may earn a commission at no extra cost to you.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「WindPress – Tailwind CSS integration for WordPress」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
3.0.0 | 3.0.1 | 3.0.2 | 3.0.3 | 3.0.4 | 3.0.5 | 3.0.6 | 3.0.7 | 3.0.8 | 3.0.9 | 3.1.0 | 3.1.1 | 3.1.2 | 3.1.3 | 3.1.4 | 3.1.5 | 3.1.6 | 3.1.7 | 3.1.8 | 3.1.9 | 3.2.0 | 3.2.1 | 3.2.2 | 3.2.3 | 3.2.4 | 3.2.5 | 3.2.6 | 3.2.7 | 3.2.8 | 3.2.9 | trunk | 3.0.10 | 3.0.11 | 3.0.12 | 3.0.13 | 3.0.14 | 3.0.15 | 3.0.16 | 3.0.17 | 3.1.10 | 3.1.11 | 3.1.12 | 3.1.13 | 3.1.14 | 3.1.15 | 3.1.16 | 3.1.17 | 3.1.18 | 3.1.19 | 3.1.20 | 3.1.21 | 3.1.22 | 3.1.23 | 3.1.24 | 3.1.25 | 3.1.26 | 3.1.27 | 3.1.28 | 3.1.29 | 3.1.30 | 3.1.31 | 3.1.32 | 3.1.33 | 3.1.34 | 3.1.35 | 3.2.10 | 3.2.11 | 3.2.12 | 3.2.13 | 3.2.14 | 3.2.15 | 3.2.16 | 3.2.17 | 3.2.18 | 3.2.19 | 3.2.20 | 3.2.21 | 3.2.22 | 3.2.23 | 3.2.24 | 3.2.25 | 3.2.26 | 3.2.27 | 3.2.28 | 3.2.29 | 3.2.30 |
延伸相關外掛（你可能也想知道）
Draft – Tailwind CSS for WordPress. 》在區塊編輯器中輕鬆地添加具有狀態和響應式的 Tailwind CSS 實用程式類別外掛。, 免費外掛功能：, , 配置 Tailwind, 添加自訂 CSS（包括能力 @apply Tailwind...。
Taily 》總結：透過在WordPress中完全動態地添加Tailwind框架，您可以使用這個強大的框架設計和風格化您網站的所有部分。這個外掛也是一個新的且適合以更優化和快速的...。
Yabe Bricksbender 》總結：Yabe Bricksbender 是一個能提升 Bricks 編輯器功能性的外掛，讓您的工作流程更加有效率。這外掛擁有豐富的模組，讓您能更輕鬆地管理工作流程。, , 問...。
Aspect Blocks 》總結：Aspect Blocks 是一個功能強大的 WordPress 外掛，專為 Gutenberg 編輯器設計，旨在使內容創建和設計輕鬆無憂。使用 Tailwind CSS 構建，提供高度可定...。