{"id":406845,"date":"2024-08-28T08:00:00","date_gmt":"2024-08-28T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/windpress\/"},"modified":"2025-10-24T00:19:00","modified_gmt":"2025-10-24T00:19:00","slug":"windpress","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/windpress\/","title":{"rendered":"WindPress \u2013 Tailwind CSS integration for WordPress"},"content":{"rendered":"<h3>WindPress: the only Tailwind CSS v3 and v4 integration plugin for WordPress.<\/h3>\n<p>WindPress is a platform agnostic <a href=\"https:\/\/tailwindcss.com\/\" rel=\"nofollow ugc\">Tailwind CSS<\/a> integration plugin for WordPress that allows you to use the full power of Tailwind CSS within the WordPress ecosystem.<\/p>\n<p><strong>Tailwind CSS version<\/strong>:<br \/>\n\u2013 3.4.17<br \/>\n\u2013 4.1.16<\/p>\n<h3>Features<\/h3>\n<p>WindPress is packed full of features designed to streamline your workflow. Some of our favorites are:<\/p>\n<ul>\n<li><strong>Dual Tailwind CSS version<\/strong>: Tailwind CSS <code>3.x<\/code> and <code>4.x<\/code> ready.<\/li>\n<li><strong>Plug and play<\/strong>: Start using Tailwind CSS in WordPress in seconds \u2014 no setup is required.<\/li>\n<li><strong>Customizable Configuration<\/strong>: The plugin comes with a default Tailwind CSS configuration, but you can easily customize it to fit your needs.<\/li>\n<li><strong>Easy to use<\/strong>: Simplified and intuitive settings to get you up and running quickly.<\/li>\n<li><strong>Lightweight<\/strong>: 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\u2019t slow down your site.<\/li>\n<li><strong>Blazingly fast<\/strong>: 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.<\/li>\n<\/ul>\n<p>And some specific integrations also include the following features:<\/p>\n<ul>\n<li><strong>Autocompletion<\/strong>: As you type, Tailwind CSS class names will be suggested automatically.<\/li>\n<li><strong>Variable Picker<\/strong>: Easily select Tailwind CSS themes\u2019 colors, fonts, and other variables from a panel.<\/li>\n<li><strong>HTML to native elements<\/strong>: Convert Tailwind CSS HTML to native elements in the editor.<\/li>\n<li><strong>Sort the classes<\/strong>: Sort the Tailwind CSS classes on the input field.<\/li>\n<li><strong>Hover Preview the classes<\/strong>: Hover over the classes to see the complete outputted CSS and the preview of the design canvas.<\/li>\n<li><strong>Ubiquitous Panel<\/strong>: A floating panel that allows you to quickly access the WindPress settings from anywhere on the page.<\/li>\n<\/ul>\n<p>Visit <a href=\"https:\/\/wind.press\" rel=\"nofollow ugc\">our website<\/a> for more information.<\/p>\n<h3>Seamless Integration<\/h3>\n<p>It\u2019s easy to build design with Tailwind CSS thanks to the seamless integration with the most popular visual\/page builders:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/gutenberg\" rel=\"ugc\">Gutenberg<\/a> \/ Block Editor<\/li>\n<li><a href=\"https:\/\/shop.greenshiftwp.com\/?from=3679\" rel=\"nofollow ugc\">GreenShift<\/a><\/li>\n<li><a href=\"https:\/\/kadencewp.com\" rel=\"nofollow ugc\">Kadence WP<\/a><\/li>\n<li><a href=\"https:\/\/livecanvas.com\/?ref=4008\" rel=\"nofollow ugc\">LiveCanvas<\/a><\/li>\n<li><a href=\"https:\/\/upstatement.com\/timber\/\" rel=\"nofollow ugc\">Timber<\/a><\/li>\n<li><a href=\"https:\/\/blockstudio.dev\/?ref=7\" rel=\"nofollow ugc\">Blockstudio<\/a> \u2014 <strong>Pro<\/strong><\/li>\n<li><a href=\"https:\/\/breakdance.com\/ref\/165\/\" rel=\"nofollow ugc\">Breakdance<\/a> \u2014 <strong>Pro<\/strong><\/li>\n<li><a href=\"https:\/\/bricksbuilder.io\/\" rel=\"nofollow ugc\">Bricks<\/a> \u2014 <strong>Pro<\/strong><\/li>\n<li><a href=\"https:\/\/builderius.io\/?referral=afdfca82c8\" rel=\"nofollow ugc\">Builderius<\/a> \u2014 <strong>Pro<\/strong><\/li>\n<li><a href=\"https:\/\/etchwp.com\/\" rel=\"nofollow ugc\">Etch<\/a> \u2014 <strong>Pro<\/strong><\/li>\n<li><a href=\"https:\/\/metabox.sjv.io\/OeOeZr\" rel=\"nofollow ugc\">Meta Box Views<\/a> \u2014 <strong>Pro<\/strong><\/li>\n<li><a href=\"https:\/\/oxygenbuilder.com\/ref\/12\/\" rel=\"nofollow ugc\">Oxygen 6 \/ Classic<\/a> \u2014 <strong>Pro<\/strong><\/li>\n<li><a href=\"https:\/\/wpcodebox.com\/?ref=185\" rel=\"nofollow ugc\">WPCodeBox 2<\/a> \u2014 <strong>Pro<\/strong><\/li>\n<\/ul>\n<p>Planned \/ In Progress<\/p>\n<ul>\n<li><a href=\"https:\/\/be.elementor.com\/visit\/?bta=209150&brand=elementor\" rel=\"nofollow ugc\">Elementor<\/a><\/li>\n<li><a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=47622\" rel=\"nofollow ugc\">Divi<\/a><\/li>\n<li><a href=\"https:\/\/pinegrow.com\/wordpress\" rel=\"nofollow ugc\">Pinegrow<\/a><\/li>\n<li><a href=\"https:\/\/zionbuilder.io\/\" rel=\"nofollow ugc\">Zion Builder<\/a><\/li>\n<\/ul>\n<p>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.<\/p>\n<h3>Bring Your Own Integration<\/h3>\n<p>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.<br \/>\nCheck out our detailed <a href=\"https:\/\/wind.press\/docs\/integrations\/custom-theme\" rel=\"nofollow ugc\">guide<\/a> to get started.<\/p>\n<h4>Love WindPress?<\/h4>\n<ul>\n<li>Give a <a href=\"https:\/\/wordpress.org\/support\/plugin\/windpress\/reviews\/?filter=5\/#new-post\" rel=\"ugc\">5-star review<\/a><\/li>\n<li>Purchase the <a href=\"https:\/\/wind.press\" rel=\"nofollow ugc\">Pro version<\/a><\/li>\n<li>Join our <a href=\"https:\/\/www.facebook.com\/groups\/1142662969627943\" rel=\"nofollow ugc\">Facebook Group<\/a><\/li>\n<li>Sponsor us on <a href=\"https:\/\/github.com\/sponsors\/suasgn\" rel=\"nofollow ugc\">GitHub<\/a> or <a href=\"https:\/\/ko-fi.com\/Q5Q75XSF7\" rel=\"nofollow ugc\">Ko-fi<\/a><\/li>\n<\/ul>\n<h4>Credits<\/h4>\n<ul>\n<li>Image by <a href=\"https:\/\/www.flaticon.com\/free-icon\/wind_727964\" rel=\"nofollow ugc\">Pixel perfect<\/a> on Flaticon<\/li>\n<\/ul>\n<p>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.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Integrate Tailwind CSS 3 or 4 into WordPress easily, in seconds. Works well with the block editor, page builders, plugins, themes, and custom code.<\/p>\n","protected":false},"author":65,"featured_media":406846,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"WindPress \u2013 Tailwind CSS integration for WordPress - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Integrate Tailwind CSS 3 or 4 into WordPress easily, in seconds. Works well with the block editor, page builders, plugins, themes, and custom code."},"footnotes":""},"categories":[1],"tags":[9167,47492,35489],"class_list":["post-406845","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-tailwind","tag-tailwind-css","tag-tailwindcss"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/406845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=406845"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/406845\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/406846"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=406845"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=406845"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=406845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}