MWD-WordPress-Theme
MWD WordPress Theme
A starter theme designed for the modern web developer using the latest and most popular development tools and patterns.
Requirements
Installation
This theme is designed to be used a starting point to developing your own theme with most the leg work done for you. Please do not install this theme how it comes out the box as it is the bare-minimum.
These installation instructions are for development.
- Clone/download the repo.
-
cdinto the theme’s directory. -
Run
composer installto download all php packages. -
Run
npm installto download allnode_modules. -
Run
npm install -g gulp(if not already installed globally).
Styling and Javscript
This theme currently uses gulp.js to run tasks to build the production .css and .js files into the public/ directory.
To compile and minify simply run gulp, or gulp watch to watch files for changes and auto-run build tasks.
Sass Files
Sass files should be in the src/sass/ directory. They will compile and build both a minified and non-minified .css version of each main .scss file in the src/sass/ directory. Gulp also uses gulp-autoprefixer to automatically add vendor prefixes to css.
Javascript Files
Javascript files should be in the src/js/ directory. Gulp will concatinate all .js files into one and produce both a theme.js and a theme.min.js file in the public/js directory.
Any frontend packages installed through npm should be included into the bundleSrc array in the gulpfile.js file, these are bundled together and put into a bundle.js and bundle.min.js file.
Issues
Please report any issues or suggestions to the issue tracker.