- Simple, intuitive, clean code.
- Autoreload on edit code.
- Minify styles and script
- Removed all default wordpress scripts and styles
- Wordpress
- NodeJS
- Gulp-CLI – installed globally
- Node packages for the following devDependencies:
- path
- gulp-concat
- gulp-sass
- del
- fs
- gulp-if
- gulp-cssnano
- gulp-useref
- gulp-uglify
- gulp-imagemin
- gulp-webp
- imagemin-jpeg-recompress
- gulp-cache
- gulp-livereload ( how change port look at Config options - point 5 )
npm install --global gulp-cli
- install all Node packages
npm install
- Run default watchers, using your terminal:
gulp
- To change javascript you need use dev/js/script.js
- To change styles you need use dev/scss/style.scss ( its fully support scss )
- Open wordpress site localy
- Open config.json
- Change parameter witch you need
- themename - Theme name ( will rename theme name)
- author - Theme author
- version - Theme version
- description - Theme description
- port - For gulp-livereload watcher (it's for reload page ones js or scss files changed)
- tags - Theme tags
- assets - Theme assets folder name
- temp - Theme temp folder name
- dev - Theme dev folder name
- scss - Theme scss folder name
- css - Theme css folder name
- js - Theme js folder name
- images - Theme images folder name
- fonts - Theme fonts folder name
- Added php comands for make pages
- To make part run command
php make part top-side - It will generate "top-side" part in side parts folder
- Added php comands for make pages
- To make frontpage run command
OR
php make fphp make front - To make page template with name "mytemplate" run command
OR
php templ mytemplateORphp t mytemplatephp template mytemplate - To make single for post type name "myposttype" run command
OR
php s myposttypephp single myposttype
-
Added npm comands for make pages
-
To make frontpage run command
npm run make fOR
npm run make front -
To make page template with name "mytemplate" run command
npm run make templ mytemplateOR
npm run make t mytemplateOR
npm run make template mytemplate -
To make single for post type name "myposttype" run command
npm run make s myposttypeOR
npm run make single myposttype -
Added images optimizer
-
Added css autoprefixer
-
Added fonts folder
- Added php wacher now you can change php files and it will live reload page
- Added webp support PNGs and JPEGs now automaticly convertings to webp format in assets folder
- Added