mckeever02 / penrose

Wordpress Starter Kit featuring Bones Starter Theme, WpGulp, flexbox and baseline grid, and Capistrano like deployment

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Development is currently taking place in the Version2 branch so clone that one

Penrose

Penrose theme logo

Wordpress Starter Kit featuring Bones Starter Theme, WpGulp, a flexbox grid with a typographical baseline grid, and Wordmove for pushing and pulling full wordpress sites (including db) across multiple environments

What does it do?

  • WPGulp for assets and workflow management
  • Cutestrap framework for a light, flexbox based grid system
  • Wordmove for quickly pushing and pulling full websites across multiple environments
  • Bones Theme for an excellent, lightweight starting point to build your Wordpress Theme/Website

WPGulp

Created by Ahmad Awais. WPGulp can:

  • Live reload with Browser-Sync
  • Sass to CSS, autoprefixing, sourcemaps, merge media queries, and minify CSS
  • Concatenates and minifies JS files within a Vendor and Custom folder into one js file each
  • Compresses PNG, JPEG, GIF and SVG
  • watch for changes in CSS, JS and php
  • InjectCSS for faster reloading
  • Run gulp images to optimise all of the images inside of library/images/raw/ and move them into library/images/
  • To build an installable zip file of your theme, use command gulp build and your project.zip file will be created as well as a buildTheme folder, where you can see what was zipped.
  • Run gulp styles to only minify the SASS files

The Framework

Based on Cutestrap - A sassy, opinionated CSS Framework. It contains:

  • Flexbox grid for layout
  • Baseline grid for typography
  • BEM methodology for naming conventions
  • Basic styles for forms, buttons, links etc
  • Various variables and mixins for speeding up workflow.

Wordmove

Wordmove is Capistrano for Wordpress. You can push and pull the entire contents of a wp website, including its database, across multiple environments with one command.

Get up and running

  1. Clone the Version2 Branch to wherever you please on your computer.
  2. Configure your Project Configuration variables in gulpfile.js
  3. cd into your root folder in terminal and run npm install. This will install all of the node_modules required by Gulp
  4. Once the node_modules have been installed, type gulp into your Terminal window and boom. You're up and running.

Dependencies

About

Wordpress Starter Kit featuring Bones Starter Theme, WpGulp, flexbox and baseline grid, and Capistrano like deployment

License:GNU General Public License v2.0


Languages

Language:PHP 50.6%Language:CSS 33.7%Language:JavaScript 15.7%