A flexible and powerful WordPress starter theme using a modern development workflow.
- Compile PostCSS files to CSS
- Live reloading. Auto reload page when change code across many browsers and devices (CSS, JavaScript, PHP, HTML)
- Inject CSS instead of browser page reload
- Advanced PostCSS framework
- A utility-first CSS framework with Tailwind CSS
- Concatenates, minify and compress JavaScript files
- Add vendor prefixes to CSS rules using Autoprefixer
- Generate JavaScript and CSS sourcemaps
- Extend WordPress css classes to use BEM naming convention
- Notifications feedback on task complete
- Advanced wp-config.php base kit
- Multilingual ready
Make sure you have the latest versions of these software.
- WordPress
- Node.js - check with
node -v - Npm - check with
npm -v - GSAP bonus plugins
- Download the repository and install it as a theme in your Wordpress installation
wp-content/themes/ - Rename the theme folder with the name chosen by you
- Install GSAP bonus plugins.
- With your terminal go to your renamed theme folder and run
npm install
Open the Ground folder using the terminal and type one of the following commands
-
npm start- Runs the app in development mode. The page will automatically reload if you make changes to the code. -
npm run build- Builds the app for production and optimizes the build for the best performance.
.js-- JavaScript hooks: Signify that this piece of the DOM has some behaviour acting upon it, and that JavaScript binds onto it to provide that behaviour..is-|.has-- State classes: Signify that the piece of UI in question is currently styled a certain way because of a state or condition.