Quick helps you easily create custom WordPress themes using TypeScript, AlpineJS, and TailwindCSS.
- Clone the repository into your wp-content/themes directory.
- Install dependencies by running
pnpm install
andcomposer install
. - Generate the autoload file with
composer dump-autoload
. - Activate the theme from the WP admin panel.
The development process involves three main files:
- main.ts: The main TypeScript file.
- main.css: The main CSS file.
To start the development server, run pnpm dev
. Make sure to set QUICK_ENVIRONMENT
:
# functions.php
define('QUICK_ENVIRONMENT', 'development');
Run pnpm build
to generate dist
folder with compiled styles and JS files. Make sure to set QUICK_ENVIRONMENT
:
# functions.php
define('QUICK_ENVIRONMENT', 'production');
Using Alpine is optional.
If you encounter any issues, have suggestions, or would like to contribute to this project, please open an issue or submit a pull request. Contributions are welcome and greatly appreciated!