Seph 02bdd79ed4 | ||
---|---|---|
javascript | ||
node_scripts | ||
tailwind | ||
theme | ||
.editorconfig | ||
.eslintrc | ||
.gitignore | ||
.prettierignore | ||
LICENSE | ||
README.md | ||
composer.json | ||
composer.lock | ||
package-lock.json | ||
package.json | ||
phpcs.xml.dist | ||
postcss.config.js |
README.md
WowPress
A custom theme based on _tw
Quickstart
Installation
- Move this folder to
wp-content/themes
in your local development environment - Run
npm install && npm run dev
in this folder - Activate this theme in WordPress
Development
- Run
npm run watch
- Add Tailwind utility classes with abandon
Deployment
- Run
npm run bundle
- Upload the resulting zip file to your site using the “Upload Theme” button on the “Add Themes” administration page
Or deploy with the tool of your choice!
Full Documentation
Fundamentals
- Installation
Generate your custom theme, install it in WordPress and run your first Tailwind builds - Development
Watch for changes, build for production and learn more about how _tw, WordPress and Tailwind work together - Deployment
Share your new WordPress theme with the world - Troubleshooting
Find solutions to potential issues and answers to frequently asked questions
In Depth
- Using Tailwind Typography
Customize front-end and back-end typographic styles - JavaScript Bundling with esbuild
Install and bundle JavaScript libraries (very quickly) - Linting and Code Formatting
Catch bugs and stop thinking about formatting
Extras
- On Tailwind and WordPress
Understand how WordPress and Tailwind work together - Managing Styles for Custom Blocks
Learn strategies for using Tailwind in theme-specific custom blocks - Setting Up Browsersync
Add live reloads and synchronized cross-device testing to your workflow