John Sanabria Sanabria

Deploy your site with git

This gist assumes:

you have a local git repo
with an online remote repository (github / bitbucket etc)
and a cloud server (Rackspace cloud / Amazon EC2 etc)
- your (PHP) scripts are served from /var/www/html/
- your webpages are executed by apache
apache's home directory is /var/www/

This post outlines a way to use Sass, Compass, and Grunt to maintain stylesheets for a WordPress parent and child theme.

Sass is useful for many reasons, but for our purposes, the two most helpful features are partials and variables. We'll also take advantage of the importPath setting of Compass and Grunt.

Comments and improvements are always welcome.

Step 1: Create your parent stylesheet

Create a new Compass project in your theme and style away. When you're finished, your theme directory (called parent here) might look something like this:

	<?php

	$countries = array
	(
	'AF' => 'Afghanistan',
	'AX' => 'Aland Islands',
	'AL' => 'Albania',
	'DZ' => 'Algeria',
	'AS' => 'American Samoa',
	'AD' => 'Andorra',

-<?php
-add_filter( 'the_content', 'remove_empty_p', 20, 1 );
-function remove_empty_p( $content ){
-	// clean up p tags around block elements
-	$content = preg_replace( array(
-		'#<p>\s*<(div|aside|section|article|header|footer)#',
-		'#</(div|aside|section|article|header|footer)>\s*</p>#',
-		'#</(div|aside|section|article|header|footer)>\s*<br ?/?>#',
-		'#<(div|aside|section|article|header|footer)(.*?)>\s*</p>#',
-		'#<p>\s*</(div|aside|section|article|header|footer)#',

	<?php

	/*
	* A walker class to use that extends wp_dropdown_categories and allows it to use the term's slug as a value rather than ID.
	*
	* See http://core.trac.wordpress.org/ticket/13258
	*
	* Usage, as normal:
	* wp_dropdown_categories($args);
	*

	#!/bin/bash
	#
	# This script configures WordPress file permissions based on recommendations
	# from http://codex.wordpress.org/Hardening_WordPress#File_permissions
	#
	# Author: Michael Conigliaro <mike [at] conigliaro [dot] org>
	#
	WP_OWNER=www-data # <-- wordpress owner
	WP_GROUP=www-data # <-- wordpress group
	WP_ROOT=$1 # <-- wordpress root directory

	@include keyframe(fadeout) {
	0% {
	opacity: 1;
	}

	100% {
	opacity: 0;
	}
	}

	#!/bin/sh

	# sips resample images

	sips --resampleHeightWidth 100 80 image.png

	sips --resampleWidth 80 image.png

	sips --resampleHeight 80 image.png

	jQuery(document).ready(function($){

	$('h2.title').html(function(){
	// separate the text by spaces
	var text= $(this).text().split(' ');
	// drop the last word and store it in a variable
	var last = text.pop();
	// join the text back and if it has more than 1 word add the span tag
	// to the last word
	return text.join(" ") + (text.length > 0 ? ' <span class="last">'+last+'</span>' : last);

	#!/bin/bash

	libs=( "/usr/local/lib/libmacfuse_i32.2.dylib" \
	"/usr/local/lib/libosxfuse_i32.2.dylib" \
	"/usr/local/lib/libosxfuse_i64.2.dylib" \
	"/usr/local/lib/libmacfuse_i64.2.dylib" \
	"/usr/local/lib/libosxfuse_i32.la" \
	"/usr/local/lib/libosxfuse_i64.la" \
	"/usr/local/lib/pkgconfig/osxfuse.pc" )