/wordpress-gulp

WordPress starter theme powered by gulp

Primary LanguageCSS

WordPress Gulp

A simple WordPress starter theme powered by gulp for task running, using PostCSS and SUIT CSS for CSS. Base WordPress theme files are from Underscores.

Setup

  1. Clone this repo to /theme-name
  2. Find/replace WordPress Gulp with Theme Name, wordpress-gulp with theme-name, and wpg with tn (your theme's slug)
  3. Find/replace the current WordPress Gulp version number with your starting version number, e.g. 0.1.0
  4. Customise further theme settings at /src/assets/styles/style.styl
  5. Run npm install to fetch dependencies
  6. Run gulp to compile theme to /dist

Development

Docker Compose is used to spin up a dev environment (npm start) based on Visible WordPress Starter. See the Compose file at docker-compose.yml. You can access wp-cli by running npm run wp ... e.g.

npm run wp plugin install <some-plugin>
npm run wp db import /data/database.sql

Menus

Navigate to Appearance > Menus in the WordPress Admin Panel and create a menu called "Main Menu" assigned to "Site Header" location and one called "Social Icons" assigned to "Site Footer - Right" location. These are referenced in your theme's header.php and footer.php files

Distribution

The distributable folder is compiled by gulp to /dist.

Extras

  • Add your Google Analytics ID to extras.php

Screenshot

screenshot