ucsc/twentyeleven-ucsantacruz

Child theme for Twenty Eleven based on colors and typefaces of UCSC official web templates.

Download the zipped theme on the releases page.

Dependencies

Ruby and gems

• Ruby >=1.9 (I use rbenv to manage different Ruby versions)
• Bundler
• Sass
• Bourbon for helpful Sass mixin tools.
• Neat for grid layout.

Node and npm

• Gulp for building/compiling assets and general tasks.

Setup

1. Clone this repository locally using the Github app or with git clone https://github.com/ucsc/twentyeleven-ucsc.git.
2. Install Ruby Gems:
   • gem install bundler
   • bundle install
3. Install node and npm by downloading the installer from nodejs.com.
4. Install gulp globally: npm install -g gulp

Development configuration

This configuration makes the following assumptions:

• You have a Wordpress installation in the same directory as this repository (running on your own PHP server setup, such as MAMP or XAMP). Your directory structure should look like this:

your-project-folder/
    /twentyeleven-ucsantacruz
    /wordpress

• You already have the twentyeleven theme installed at:
  wordpress/wp-content/themes/twentyeleven.

When you run gulp, the theme files will be compiled and added to:
wordpress/wp-content/themes/twentyeleven-ucsantacruz

Development

In a terminal window, run gulp in the project root to compile the theme files and copy them into the theme directory.

Deployment

Running gulp build will compile the twentyeleven-ucsantacruz theme files into a zip archive that you can manually upload to your Wordpress site through the web interface.