Please note: This is a Starter Theme meant for hacking and should not be used as a Parent Theme. No autoupdates will be available for the code base.
- Recommended: Set up a Localhost DEV environment first.
- The new Site Editor makes the whole site customizable via blocks and therefor significantly changes the development process of WordPress Themes. Block themes work with WordPress 5.9+ but since the Site Editor features are under rapid development it is strongly recommended to always use the latest version of WordPress.
- Download the Starter Theme and unzip it in the /wp-content/themes directory of your WordPress instance.
- Make sure that npm is installed on your system.
- Open the Project folder in your Terminal/Shell and run the following command to install all required packages:
$ npm install - Open the localhost site in a new browser window.
- Log in to the WordPress dashboard, launch the Site Editor and setup all templates and template parts (patterns). You can also upload a site logo and add the menu links there.
- Edit theme.json to manage global block editor settings including block-specific styles: https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json
- Run the watch script and start developing by editing the frontend SASS/JS assets:
$ npm run watch - Depending on your setup, the server will refresh the page when file changes are detected. Please make sure to disable caching in your browser dev tools.
- After development run the build script to minify the assets for the live system:
$ npm run build - Optional: Read and understand the following guide https://developer.wordpress.org/block-editor/how-to-guides/block-based-theme. Afterwards go to https://them.es/setup to learn how to setup and use the Theme on your instance.
