✔ /var/www/clients/websitename.com.au/wp-content/themes/build [dev L|✚ 1]
01:05 $ npm cache clean
✔ /var/www/clients/websitename.com.au/wp-content/themes/build [dev L|✚ 1]
01:25 $ rm -rf node_modules/
✔ /var/www/clients/websitename.com.au/wp-content/themes/build [dev L|✚ 1]
01:26 $ npm install
npm WARN engineStrict Per-package engineStrict (found in package.json for gulp-concat)
npm WARN engineStrict won't be used in npm 3+. Use the config setting `engine-strict` instead.
npm WARN engineStrict Per-package engineStrict (found in package.json for gulp)
The following procedure was cobbled together from the advice on these pages:
- http://code.tutsplus.com/tutorials/setting-up-a-mac-dev-machine-from-zero-to-hero-with-dotfiles--net-35449
- https://github.com/nicolashery/mac-dev-setup
- http://sourabhbajaj.com/mac-setup/
- Open App Store and sign into iCloud account to download any apps from the store.
- Pen and paper (grid pad preferably)
- Glyphs 2.0
- Optional but helpful: Glyphs extensions
- These notes can be generally followed in order however some steps will likely be done constantly throughout the design process until the typeface matures - eg. sketching, kerning, testing etc.
- Read the Glyphs Tutorials for understanding common functions talked about below.
- Open up the SVG or PDF in illustrator
- Select everything and run Ungroup (Shift-Cmd-G) several times until everything is ungrouped
- Go to Select > Object > Clipping Masks
- Object > Clipping Paths > Release
- Select an invisible clipping mask box and choose Select > Same > Fill & Stroke
- Bonus: Convert broken blocks of text to Point Type (Text > Convert to Point Type) and then run joinTextFrames.js
git clone <a copy of sage theme>
git add remote temp location@of.old.theme.com:/var/www/site/wordpress/wp-content/themes/build #original / old theme
git fetch temp
git checkout temp/master -b wip #checkout a copy of the old theme
git remote add https://github.com/roots/sage.git sage #fetch fresh theme
git fetch sage
git checkout sage/master -b sage #checkout a new branch
git rebase wip #rebase wip and sage together to create a new updated theme
So, you know how to override a template file in Woocommerce using Sage, but you're having trouble changing something within the deeper level of that template file. For example, you want to change the output HTML structure of a given part of the product page loop, or incorporate a Bootstrap class into a button element without using Jquery to inject it. Here's how you can override deeper level parts, the default WC theme elements.
- Check out the info on how template overriding works in Woocommerce before you begin.
- Also check out how to set up Sage Templates & Woocommerce
- Install Roots Wrapper Toolbar to preserve your sanity!
Now you're familiar with how to do Sage + Woocommerce templates, it's time to make it happen.
So you want a Vagrant Server with LAMP, Gulp, Bower, NPM, blah blah. And you want it done today, not next Christmas.
"Sounds good Chris, I don't feel like copying hundreds of lines of text from the Ubuntu Help Forum."
- Work your way through this: https://box.scotch.io/
- Install some useful system stuff:
/** | |
* Responsive mixin. The media breakpoints are as defined | |
* in the twitter bootstrap framework: | |
* | |
* - phone | |
* - tablet-portrait | |
* - tablet-landscape-desktop | |
* - large-desktop | |
* | |
* Additional parameters for tagetting retina and non-retina |
check process apache with pidfile /run/apache2.pid | |
start program = "/etc/init.d/apache2 start" with timeout 60 seconds | |
stop program = "/etc/init.d/apache2 stop" | |
check process mysqld with pidfile /var/run/mysqld/mysqld.pid | |
start program = "/etc/init.d/mysql start" | |
stop program = "/etc/init.d/mysql stop" | |
set httpd port 2812 | |
use address localhost # only accept connection from localhost |
#------- | |
# MYSQL NIGHTLY BACKUP SCRIPT | |
# Adapted from: http://www.linuxbrigade.com/back-up-all-of-your-mysql-databases-nightly/ | |
# Add this to line to cron as root for nightly backups (sudo crontab -e) | |
# 30 3 * * * /usr/local/bin/mysql_backup.sh | |
#------- | |
# Change the directory to suit you | |
DB_BACKUP="/var/www/public/mysql-backup/`date +%Y-%m-%d`" | |
DB_USER="root" | |
DB_PASSWD="root" |