Install daisyUI for WordPress

How to install Tailwind CSS and daisyUI in a WordPress project

1. Create a new WordPress project

Install WordPress according to theOfficial WordPress guide.

2. Install the WindPress plugin

In this guide, we will use theWindPressplugin to install Tailwind CSS and daisyUI in a WordPress project.

Navigate to thePlugins → Add New Pluginsub-menu.

WordPress Plugins Add New screen

Search for the WordPress plugin by typingWindPressin the search bar.

WordPress Plugins search bar

Click theInstall Nowbutton to install the WordPress plugin.

WordPress Plugins result screen

Once the plugin is installed, click theActivatebutton to activate the WindPress plugin.

Activate the WordPress plugin

3. Install daisyUI

Navigate to the WindPress dashboard by clicking theWindPressmenu item in the WordPress admin sidebar. Then, click themain.cssfile on the explorer sidebar to open the file editor.

WindPress dashboard

Add daisyUI at the end of code in themain.cssfile

main.css
@plugin "daisyui";

Now you can use daisyUI class names!

Do you have a question? Ask on GitHub or Discord server
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective
daisyUI store

NEXUS
Official daisyUI Dashboard Template

Available on daisyUI store

More details