This guide will help you get started with a Tailwind Template, including how to run and customize your theme.
Run Your Theme
So you’ve downloaded your theme’s .zip file, unpacked it, and you’re ready to start building! To view your theme, you’ll need to run your theme’s “build process” to compile source files and create a local server to preview pages.
NOTE: Template you are currently viewing is a Static HTML Template,
NOT a WordPress Theme!. Please DO NOT try to install files into WordPress.
Tools & Setup
Tailwind theme is built using modern tools like Node Js, Gulp and Tailwind css. Follow these steps and you should be ready to rock:
- Download and install Node.js, which we use to manage our dependencies.
- Navigate to the root
Theme/directory and run “npm install“. - After Npm install complete, run “
npm run start” to start development. - Now you can edit source files and preview changes instantly with live reload
Yup, that’s it
Gulp and Browsersync
When install processing completed, you’ll be able to run the various commands provided from the command line.
Our gulpfile.js includes the following tasks:
| Core Task | Description |
|---|---|
npm run start | Start development process with generate /src/precss/*.css to src/css/style.css and launch Browsersync in http://localhost:3100/ |
npm run build | Generates a /dist/ directory with all the production files Minify css, js and other files |
If you are using MacOS please use sudo keyword in the command because they need administrator rights to install Gulp globally.
Product Documentation
You can read product documentation inside every product. For example documentation “Taildash” available in “taildash/docs/” and “taildash/components/”.