atomtigerzoo / wordpress-theme-init

Simple starter/init-theme for Wordpress development. Comes with browser-sync, gulp watchers for Post-CSS/ES6 and build scripts for the production-ready theme.

🙏 Theme-init for Wordpress theme development

---

📄 Installation

• Clone (or download) this repository
• Copy gulpconfig.json.default to gulpconfig.json
• Edit gulpconfig.json to match your development proxy-url and if you would like to see the BrowserSync overlay
• Edit package.json (project name, your details, etc) and this readme
• Run npm install or yarn install to download and install all packages
• If everything went fine see the Gulp tasks below
• Develop your theme, install more packages, etc pp.
• Be happy and contribute if you like 😍

Webfonts

For privacy reasons please use selfhosted webfonts instead of Google Fonts or other third-party vendors that often include trackers. An efficient and nice way to choose and include fonts found on Google Fonts is the following site: https://google-webfonts-helper.herokuapp.com/fonts

🔨 Gulp tasks

There are three gulp tasks you can run:

• gulp This will start browsersync, compiles Post-CSS, transpiles the JavaScript and will then watch for changes in the /src directory and reload browsersync.

• gulp clean This will clean your build folder if something went wrong after a build or if you just wanted to test a build and keep it from your git.

• gulp build This will copy everything from /src to /build, compiles Post-CSS, transpiles JavaScript, minify both CSS and JS, concatenate everything, minimises your images, bumps the version number etc. This is the folder you want to use in production! Afterwards you can deploy/copy/upload the /build folder or add it to your git tracking if you like.

💬 Legal

• Author: Henning Stein [email protected]
• License: http://creativecommons.org/licenses/by-sa/4.0/

wordpress-theme-init's Issues

Remove postcss-cssnext and replace it with postcss-preset-env

Since postcss-cssnext is deprecated it would be great to include postcss-preset-env instead.

If somebody wants to take on this kind of easy task, you are welcome 👍

Please run gulp after the modifications and check if it transpiling everything!

Remove Bower from dependencies

(Just as the title says)

Remove Google Fonts

Task:
Remove Google Fonts from header and add a hint to the webhelper for selfhosting fonts

Check of constant is wrong

It has to be if(defined('WP_DEBUG') && WP_DEBUG) { to check for existence in line

wordpress-theme-init/src/inc/config.php

Line 8 in 67b8ff0

if(defined(WP_DEBUG) && WP_DEBUG) {

Include postcss-custom-media in gulp config

As the title says.