A versatile WordPress theme development starter kit leveraging React, TypeScript, and Tailwind CSS. This Builder Palette provides developers with a robust foundation to quickly build custom, responsive WordPress themes with modern web technologies.
Guide to use:
- Clone the repository:
git clone https://github.com/zaidnizam/Onyx.git your-theme-name
cd your-theme-name
- Ensure you have Node.js installed (version 16 or later):
node --version
- Install dependencies:
npm install
-
Copy your theme folder into WordPress:
- Navigate to your WordPress installation
- Place the entire 'your-theme-name' folder into wp-content/themes/
-
Activate the theme in WordPress admin panel.
-
Start development:
npm run start
-
Customize your theme:
- Edit TSX files in src/ to create your theme structure and components
- Utilize Tailwind CSS for styling
- Modify tailwind.config.js for custom design tokens
-
Build for production:
npm run build
- Your custom theme is now ready to use!
Note: This Builder Palette requires Node.js version 16 or later. Ensure your development environment meets this requirement before starting.