Learn how to install Tailwind CSS on WordPress using the WindPress plugin.
Prerequisites
WindPress has a few system requirements. Surely, modern hosting satisfies all of these requirements, so it's highly recommended to use modern hosting to run the WindPress.
You need to ensure your server meets the following requirements:
- PHP
7.4
or higher. - WordPress
6.0
or higher.
Plugin Installation
WindPress is available in two editions: Free and Pro. The Free edition is available on the WordPress plugin repository, while the Pro edition is available for purchase on the WindPress website.
Free Edition
You can easily install the WindPress plugin from the WordPress plugin repository by following these steps:
Step 1: Navigate the WordPress Admin screen
Navigate to the Plugins → Add New Plugin
sub-menu.
Step 2: Search for WindPress Plugin
Search for "WindPress" in the search bar.
Step 3: Install WindPress Plugin
Click on the Install Now
button.
Step 4: Activate WindPress Plugin
Once installed, click on the Activate
button.
Pro Edition
The Pro edition of the WindPress plugin is available for purchase on the WindPress website.
If you have already downloaded the ZIP archive of the WindPress plugin, you can easily install it by following these steps:
Step 1: Navigate the WordPress Admin screen
Navigate to the Plugins → Add New Plugin
sub-menu.
Step 2: Open the Upload Plugin form
Click on the Upload Plugin
button on the top of the screen to open the upload form.
Step 3: Upload the ZIP archive
Click on the Choose File
button and select the ZIP archive of the WindPress plugin from your local computer.
Step 4: Install WindPress Plugin
Click on the Install Now
button to install the WindPress plugin.
Step 5: Activate WindPress Plugin
Once installed, click on the Activate Plugin
button.
What's next?
Congratulations! You have just installed the WindPress plugin on your first WordPress site!
Now that you have installed the WindPress plugin, you can use Tailwind CSS within WordPress and your preferred visual builder editor. WindPress is designed to be plug-and-play and doesn't require any configuration.
WindPress will automatically detect the Tailwind CSS classes you use in your design and generate the necessary CSS files for you on the fly. For more information on how WindPress works on specific page builders, themes, plugins, and other integrations, please refer to the respective documentation sections in the sidebar.