UC Santa Cruz Communications website Genesis child theme

This is the WordPress theme for the UC Santa,Cruz Communicatons & Marketing, it is a child theme for the Genesis theme framework.

Features

• Modular programming architecture
• Configuration-based architecture
• Modular CSS via Sass
• Task runner using gulp
• Bourbon and Neat

Dependencies

• WordPress (preferably installed in a local environment)
• Genesis framework
• npm
• Node.js
• Gulp

Install and build

Assuming you are working in a local development environment, clone this repository into your /wp-content/themes/ directory.

Install Node.js & NPM

Linux & Mac

The easiest way to install Node.js and npm on Linux or Mac is via Linuxbrew or Homebrew, respectively. Installing Linuxbrew or Homebrew will handle downloading, unpacking, compiling and installing Node and NPM on your system in a few minutes.

brew install node

Windows

There is no "Winbrew" available for Microsoft Windows. To install Node.js and NPM on Windows, download the Windows installer from the Node.js website and run the installer. Follow the prompts and accept the default settings.

Test it out

node -v
v9.6.1

npm -v
5.6.0

Install dependencies (Gulp, Bourbon, Neat, et al)

Now that you've installed NPM, use it to install the node modules in order to run gulp. The node modules are defined and included in the package.json file. To install node modules, navigate into your working /theme/ directory in your terminal and type:

npm install

Wait several minutes for the installation to complete and you're in business!

Gulp tasks

There are two Gulp tasks defined in the gulpfile.js file:

There is no style.css file in this repo. The gulp styles task will build your style.css file based on the SASS files, which are located in /assets/sass/. This task will also created minified styles, saved as styles.min.css.

gulp styles

The gulp watch task will continuously watch your /assets/sass/ directory and rebuild your styles every time you save a SASS file.

gulp watch

Additional Requirements

The Communications & Marketing website also requires a custom plugin to run properly.

• UC Santa Cruz WordPress Core Functionality Plugin