{"id":145371,"date":"2021-08-09T21:47:05","date_gmt":"2021-08-09T21:47:05","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/website-builder\/"},"modified":"2024-09-23T22:03:45","modified_gmt":"2024-09-23T22:03:45","slug":"website-builder","status":"publish","type":"plugin","link":"https:\/\/szl.wordpress.org\/plugins\/website-builder\/","author":16941306,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.0.9","stable_tag":"3.0.9","tested":"6.6.5","requires":"5.0","requires_php":"5.6","requires_plugins":null,"header_name":"Draft","header_author":"leeshadle","header_description":"Build beautiful websites faster by adding TailwindCSS utility classes to Gutenberg blocks.","assets_banners_color":"12223a","last_updated":"2024-09-23 22:03:45","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wpdraft.com","header_author_uri":"https:\/\/twitter.com\/leeshadle","rating":4.6,"author_block_rating":0,"active_installs":700,"downloads":12223,"num_ratings":5,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"leeshadle","date":"2021-08-09 21:53:14"},"1.0.1":{"tag":"1.0.1","author":"leeshadle","date":"2021-08-28 18:17:07"},"1.0.2":{"tag":"1.0.2","author":"leeshadle","date":"2021-08-28 18:24:58"},"2.0.0":{"tag":"2.0.0","author":"leeshadle","date":"2022-10-13 03:23:27"},"3.0.0":{"tag":"3.0.0","author":"leeshadle","date":"2024-03-14 13:32:28"},"3.0.1":{"tag":"3.0.1","author":"leeshadle","date":"2024-03-22 05:04:33"},"3.0.2":{"tag":"3.0.2","author":"leeshadle","date":"2024-03-22 05:16:17"},"3.0.3":{"tag":"3.0.3","author":"leeshadle","date":"2024-03-28 12:26:41"},"3.0.4":{"tag":"3.0.4","author":"leeshadle","date":"2024-04-08 18:07:40"},"3.0.5":{"tag":"3.0.5","author":"leeshadle","date":"2024-04-08 19:57:50"},"3.0.6":{"tag":"3.0.6","author":"leeshadle","date":"2024-04-08 20:55:59"},"3.0.7":{"tag":"3.0.7","author":"leeshadle","date":"2024-04-08 21:03:53"},"3.0.8":{"tag":"3.0.8","author":"leeshadle","date":"2024-07-17 21:54:58"},"3.0.9":{"tag":"3.0.9","author":"leeshadle","date":"2024-09-23 22:03:45"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":1,"4":0,"5":4},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3120778,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3120778,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3120778,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3120778,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","2.0.0","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"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3120778,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3120778,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3120778,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3120778,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3120778,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3120778,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3120778,"resolution":"7","location":"assets","locale":""}},"screenshots":{"1":"Couple the free Draft plugin with our free block theme, free block patterns and free block templates to build WordPress websites fast with Tailwind CSS.","2":"The free Draft plugin adds Tailwind CSS to WordPress.  Configure Tailwind CSS, @apply Tailwind CSS utility classes, and add Tailwind CSS utility classes to blocks.","3":"The free Draft theme is SUPER light weight (5kb) and is built for Tailwind CSS.","4":"Copy &amp; Paste all our free block patterns on our website.","5":"Copy &amp; Paste all our free block templates on our website.","6":"Configure Tailwind CSS without leaving WordPress.","7":"Add custom CSS and @apply Tailwind CSS utility classes to your site without leaving WordPress."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[4121,606,197499,214573,186261],"plugin_category":[],"plugin_contributors":[172617],"plugin_business_model":[],"class_list":["post-145371","plugin","type-plugin","status-publish","hentry","plugin_tags-blocks","plugin_tags-responsive","plugin_tags-tailwind","plugin_tags-tailwind-css","plugin_tags-tailwindcss","plugin_contributors-leeshadle","plugin_committers-leeshadle"],"banners":{"banner":"https:\/\/ps.w.org\/website-builder\/assets\/banner-772x250.png?rev=3120778","banner_2x":"https:\/\/ps.w.org\/website-builder\/assets\/banner-1544x500.png?rev=3120778","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/website-builder\/assets\/icon-128x128.png?rev=3120778","icon_2x":"https:\/\/ps.w.org\/website-builder\/assets\/icon-256x256.png?rev=3120778","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/website-builder\/assets\/screenshot-1.png?rev=3120778","caption":"Couple the free Draft plugin with our free block theme, free block patterns and free block templates to build WordPress websites fast with Tailwind CSS."},{"src":"https:\/\/ps.w.org\/website-builder\/assets\/screenshot-2.png?rev=3120778","caption":"The free Draft plugin adds Tailwind CSS to WordPress.  Configure Tailwind CSS, @apply Tailwind CSS utility classes, and add Tailwind CSS utility classes to blocks."},{"src":"https:\/\/ps.w.org\/website-builder\/assets\/screenshot-3.png?rev=3120778","caption":"The free Draft theme is SUPER light weight (5kb) and is built for Tailwind CSS."},{"src":"https:\/\/ps.w.org\/website-builder\/assets\/screenshot-4.png?rev=3120778","caption":"Copy &amp; Paste all our free block patterns on our website."},{"src":"https:\/\/ps.w.org\/website-builder\/assets\/screenshot-5.png?rev=3120778","caption":"Copy &amp; Paste all our free block templates on our website."},{"src":"https:\/\/ps.w.org\/website-builder\/assets\/screenshot-6.png?rev=3120778","caption":"Configure Tailwind CSS without leaving WordPress."},{"src":"https:\/\/ps.w.org\/website-builder\/assets\/screenshot-7.png?rev=3120778","caption":"Add custom CSS and @apply Tailwind CSS utility classes to your site without leaving WordPress."}],"raw_content":"<!--section=description-->\n<p>Install the free plugin and start using Tailwind CSS in WordPress, instantly.<\/p>\n\n<p>\u23f0 Start using Tailwind CSS in WordPress in seconds, no setup required.\n\u2699\ufe0f  Effortlessly configure Tailwind CSS right from WordPress.\n\u26a1\ufe0f  Build even faster with 50+ responsive, <a href=\"https:\/\/wpdraft.com\">copy &amp; paste block patterns<\/a>.<\/p>\n\n<p>Current <a href=\"https:\/\/tailwindcss.com\/\">Tailwind CSS<\/a> version: 3.4.5<\/p>\n\n<h3>How It Works:<\/h3>\n\n<ul>\n<li>Install free Draft plugin<\/li>\n<li>Configure Tailwind CSS right in the page, post, or site editor or from WP Admin &gt; Settings &gt; Draft settings<\/li>\n<li>Add Tailwind CSS utility classes to blocks<\/li>\n<li>Go Pro to improve site performance by purging unused CSS<\/li>\n<\/ul>\n\n<h3>Free plugin features:<\/h3>\n\n<ul>\n<li>Configure Tailwind<\/li>\n<li>Add Custom CSS ( including ability to @apply Tailwind CSS utility classes )<\/li>\n<li>Add Tailwind CSS utility classes to Gutenberg blocks<\/li>\n<li>Add Tailwind CSS utility classes inline to text ( such as headings and paragraphs )<\/li>\n<\/ul>\n\n<h3>Pro plugin features:<\/h3>\n\n<ul>\n<li>Purge Unused CSS ( make your WordPress site blazing fast )<\/li>\n<\/ul>\n\n<h4>Block-Editor Add-ons:<\/h4>\n\n<ul>\n<li>Dark mode toggle block - add dark mode toggle blocks anywhere to toggle using the Tailwind CSS darkMode 'selector' strategy<\/li>\n<li>Group block link - add links to the Group block for creating linkable cards and layouts<\/li>\n<li>Archive title filter - add text before\/after archive titles for better archive labeling\n<a href=\"https:\/\/wpdraft.com\/pricing\">Go Pro<\/a><\/li>\n<\/ul>\n\n<h3>Free full-site-editing (FSE) block theme:<\/h3>\n\n<p><a href=\"https:\/\/wpdraft.com\/theme\">Learn more<\/a><\/p>\n\n<h3>Free ready-to-use copy &amp; paste block patterns:<\/h3>\n\n<p><a href=\"https:\/\/wpdraft.com\/wordpress-block-patterns\">Explore patterns<\/a><\/p>\n\n<h3>Free ready-to-use copy &amp; paste block templates:<\/h3>\n\n<p><a href=\"https:\/\/wpdraft.com\/wordpress-block-templates\">Explore templates<\/a><\/p>\n\n<h3>Free Video Tutorials<\/h3>\n\n<p>Learn how to speed up your development by adding Tailwind CSS utility classes to Gutenberg blocks:\n<a href=\"https:\/\/wpdraft.com\/tutorials\">Tutorials<\/a><\/p>\n\n<h3>Copyright<\/h3>\n\n<p>Draft WordPress Plugin, Copyright 2021 leeshadle\nDraft WordPress Plugin is distributed under the terms of the GNU GPL<\/p>\n\n<!--section=installation-->\n<p>This section describes how to install the plugin and get it working.<\/p>\n\n<p>e.g.<\/p>\n\n<ol>\n<li>Upload the <code>draft<\/code> plugin files to the <code>\/wp-content\/plugins\/<\/code> directory, or upload the draft.zip file through the WordPress plugins screen directly by clicking 'Add New' and selecting the zip file from your computer.<\/li>\n<li>Install and active the Gutenberg WordPress plugin.<\/li>\n<li>Activate the Draft plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Use the Draft plugin on your pages and posts.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='will%20tailwindcss%20utility%20classes%20conflict%20with%20other%20plugins%3F'><h3>Will TailwindCSS utility classes conflict with other plugins?<\/h3><\/dt>\n<dd><p>If they're using the same utility classes it may override them.  You can always configure the Tailwind CSS to use a prefix if you need a different namespace.<\/p><\/dd>\n<dt id='what%20themes%20is%20the%20draft%20plugin%20compatible%20with%3F'><h3>What themes is the Draft plugin compatible with?<\/h3><\/dt>\n<dd><p>Any theme built for the Gutenberg editor.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.0.9<\/h4>\n\n<ul>\n<li>Fix bug - nested CSS was not applying properly<\/li>\n<\/ul>\n\n<h4>3.0.8<\/h4>\n\n<ul>\n<li>Updating Tailwind CSS to version 3.4.5<\/li>\n<li>Update PluginSidebar components for WordPress 6.6 compatibility<\/li>\n<li>Update saving plugin settings to work when custom fields are present in post editor<\/li>\n<\/ul>\n\n<h4>3.0.7<\/h4>\n\n<ul>\n<li>Updating blueprint for plugin Playground<\/li>\n<\/ul>\n\n<h4>3.0.6<\/h4>\n\n<ul>\n<li>Add blueprint for plugin Playground<\/li>\n<\/ul>\n\n<h4>3.0.5<\/h4>\n\n<ul>\n<li>Fix bug by removing welcome guide<\/li>\n<\/ul>\n\n<h4>3.0.4<\/h4>\n\n<ul>\n<li>Fix bug preventing settings from saving (update slug - no longer import slug from package.json)<\/li>\n<li>Update compatibility to WordPress 6.5<\/li>\n<li>Update default config to include defaults for primary, secondary, text, and accent tokens<\/li>\n<li>Update default CSS to include 'text-balance' utility for headings, slight styling updates (h1 font size, images, dark mode default font color)<\/li>\n<\/ul>\n\n<h4>3.0.3<\/h4>\n\n<ul>\n<li>Fix bug toggleFeature bug that crashed editor<\/li>\n<\/ul>\n\n<h4>3.0.2<\/h4>\n\n<ul>\n<li>Fix bug that prevents styles from loading in block editor where metaboxes\/custom fields are visible<\/li>\n<\/ul>\n\n<h4>3.0.1<\/h4>\n\n<ul>\n<li>Fix bug that prevents styles from loading in block editor where metaboxes\/custom fields are visible<\/li>\n<\/ul>\n\n<h4>3.0.0<\/h4>\n\n<ul>\n<li>Update to latest version of Tailwind CSS (version 3.4.1)<\/li>\n<li>Add inline Tailwind CSS classes (ie - highlight or underline parts of a heading w\/ inline utility classes)<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Complete Plugin rebuild<\/li>\n<li>Completely customize your Tailwind CSS configuration as you would outside of WordPress<\/li>\n<li>Add Custom CSS and leverage Tailwind directives such as @apply, @layer, etc.<\/li>\n<li>Updated Default Tailwind CSS configuration for building block patterns, pages, and websites<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Updating Plugin Settings - Removing core ColorPalette component from TailwindCSS Color configuration settings.  New ColorPalette component was breaking the editor.  Will work on finding an alternative.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Release<\/li>\n<\/ul>","raw_excerpt":"Add Tailwind CSS to WordPress, in seconds.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/145371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=145371"}],"author":[{"embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/leeshadle"}],"wp:attachment":[{"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=145371"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=145371"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=145371"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=145371"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=145371"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/szl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=145371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}