This is the WordPress theme for the UC Santa,Cruz Communicatons & Marketing, it is a child theme for the Genesis theme framework.
- Modular programming architecture
- Configuration-based architecture
- Modular CSS via Sass
- Task runner using gulp
- Bourbon and Neat
- WordPress (preferably installed in a local environment)
- Genesis framework
- npm
- Node.js
- Gulp
Assuming you are working in a local development environment, clone this repository into your /wp-content/themes/
directory.
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
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.
node -v
v9.6.1
npm -v
5.6.0
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!
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
The Communications & Marketing website also requires a custom plugin to run properly.