Starkers 320 is a mix of WordPress Starkers theme and 320 and Up mobile-first boilerplate. Quoting the original Starkers authors:
Starkers is a bare-bones WordPress theme created to act as a starting point for the theme designer. Free of all style, presentational elements, and non-semantic markup, Starkers is the perfect ‘blank slate’ for all your WordPress projects. Best of all: it’s free and fully GPL-licensed, so you can use it for whatever you like — even commercial work.
Download SASS utilities at sass-lang.com/download.html.
Update WordPress style.css with your latest changes:
make update
Tell SASS processor to rebuild style.css automagically when a SCSS file changes:
make watch
Remove the .sass-cache directory:
make clean
"Upstarts" are responsive design patterns for the things we build every day. They are included in Starkers 320 but turned off by default to save a few bytes.
To activate Upstarts uncomment these @import lines at the bottom of ./scss/style.scss:
// 11. UPSTARTS ==============================
// Modules and panels
@import "upstarts/320andup-modules/upstart";
@import "upstarts/320andup-panels/upstart";
// Layout option using display:table for navigation positioning
@import "upstarts/320andup-display-table/upstart";
Then rebuild style.css with:
make update
There are some "Upstarts" demo files under ./scss/upstarts folder.
To activate Javascript files uncomment these lines in the "starkers_script_enqueuer" function found in functions.php file:
// Include site scripts
wp_register_script( 'site', get_template_directory_uri().'/javascripts/site.js', array( 'jquery' ) );
wp_enqueue_script( 'site' );
// Activate Modernizr, see: http://modernizr.com/
wp_register_script( 'modernizr', get_template_directory_uri().'/javascripts/modernizr-min.js' );
wp_enqueue_script( 'modernizr' );
// Include misc. helper scripts
wp_register_script( 'helper', get_template_directory_uri().'/javascripts/helper.js' );
wp_enqueue_script( 'helper' );
By enabling site.js the WordPress JQuery version is automatically included too.
- Removed all 320 and Up Less/SASS file options except for the SCSS variant
- Added a wrapping DIV for the main page content
- Added searchform.php to allow some customization for the WordPress search form
- Merged JavaScript files of Starkers and 320 and Up
- Upgraded Font Awesome to version 3.0.2
Created by Elliot Jay Stocks and Keir Whitaker.
- http://twitter.com/elliotjaystocks
- http://elliotjaystocks.com/
- http://twitter.com/keirwhitaker
- http://github.com/keirwhitaker
- http://keirwhitaker.com/
Project details at: viewportindustries.com/products/starkers/
Created and maintained by Andy Clarke.
SASS ports created by Jina Bolton.
Projects details at: stuffandnonsense.co.uk/projects/320andup/
Created by Dave Gandy.
Project details at: fortawesome.github.com/Font-Awesome/
- 320 and Up is licensed under the Apache License version 2.0
- Starkers is licensed under the GNU General Public License version 2.0
- Font Awesome is licensed under these terms
Starkers 320 has been tested with WordPress 3.5.x.