https://jillianelliottrusso.com
UnderStrap site
UnderStrap docs
UnderStrap child theme
Understrap combines Underscores (_s), Bootstrap, Sass, Font Awesome to be used as a starter theme or parent theme.
I've used Understrap as a starter, building my own custom theme on top of it.
All custom styles should be in /sass/theme/_theme.scss
and /sass/theme/_theme_variables.scss
, either using @import
or not.
All database content is controlled on production (and duplicated on local as needed).
Work on the theme locally and update theme files on production manually via FTP.
To spin up a local server:
MAMP > Start Servers
confirm node version:
nvm ls
nvm use 8.9
To install dependencies from the theme root, run:
npm install
To compile Sass files without Browsersync, run:
gulp watch
View site locally at:
http://localhost:8888/jillianelliottrusso/
Or, to run with Browsersync:
Confirm Browsersync options reflect your environment in the file /gulpconfig.json
:
Change this line:
"proxy": "localhost/",
To this:
"proxy": "localhost:8888/jillianelliottrusso/",
To compile Sass files with Browsersync, run:
gulp watch-bs
View site locally at:
http://localhost:3000/jillianelliottrusso/
Add custom JavasScript to: /js/custom-javascript.js
To compile scripts, run:
gulp scripts
Note that gulp watch-bs
includes gulp scripts
.
Posts are tagged with one of two categories: exhibitions or criticism. Both categories are listed in the nav as separate blog index pages. They both use archive.php
and loop-templates/content.php
.
The unused default combination blog index page uses index.php
and loop-templates/content.php
.
archive-recommendations.php
(which controls /recommendations
) is the default index page for the Recommendations custom post type.
recommendations-custom-index.php
(which controls /recommendations-custom-index
) is a custom page with Recommendations index added.
Use SFTP to overwrite all changed files in the understrap
theme directory via Cyberduck.