Difference between revisions of "WP Base"
Jump to navigation
Jump to search
Line 15: | Line 15: | ||
*** basic print style | *** basic print style | ||
** webfont goes in '''library/fonts''' | ** webfont goes in '''library/fonts''' | ||
+ | |||
+ | * Create new Git branch of theme | ||
== Grid == | == Grid == | ||
Line 37: | Line 39: | ||
git submodule update --init --recursive | git submodule update --init --recursive | ||
− | === | + | == Install script == |
+ | See https://gist.github.com/gists/3157720 | ||
+ | |||
+ | mkdir wp-content/themes/bones && cd $_ && wget https://github.com/eddiemachado/bones/zipball/master | ||
+ | && unzip master && mv eddie*/* eddie*/.. && rm -rf eddie* && rm master | ||
+ | or | ||
+ | git archive --remote=git://github.com/eddiemachado/bones.git master | tar -xf - | ||
+ | |||
+ | the git one doesn't work, to check. | ||
+ | |||
+ | == Post-install == | ||
+ | * Theme name, etc., in style.css. | ||
+ | * Site settings, permalinks | ||
+ | |||
+ | * Set project based CSS preproces variables and mixins | ||
+ | * Webfont via Font Squirrel | ||
+ | |||
+ | * Remove sample post, page, links | ||
+ | * Import from production or other materials | ||
+ | * Change site title and tagline | ||
+ | |||
+ | == (Plugins) == | ||
to sort | to sort | ||
* http://wordpress.org/extend/plugins/theme-check/ | * http://wordpress.org/extend/plugins/theme-check/ | ||
Line 52: | Line 75: | ||
* http://wordpress.org/extend/plugins/w3-total-cache/ | * http://wordpress.org/extend/plugins/w3-total-cache/ | ||
* http://wordpress.org/extend/plugins/all-in-one-seo-pack/ | * http://wordpress.org/extend/plugins/all-in-one-seo-pack/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 02:11, 14 August 2012
A theming process using Bones.
Base theme
- bones
- bones/library/scss
- style.scss
- import _normalize.scss - a reset
- import _mixins.scss
- import _base.scss - optimized for 320px to 480px
- media query, min-width: 481px - _481up.scss - larger mobile devices
- media query,min-width: 768px - _768up.scss - tablet and basic desktop
- media query, -webkit-min-device-pixel-ratio: 1.5, min--moz-device-pixel-ratio: 1.5, min-device-pixel-ratio: 1.5 - _2x.scss
- basic print style
- webfont goes in library/fonts
- Create new Git branch of theme
Grid
@import 'grid'; defaults to 12 column, 960 grid system. Customize by overriding three variables (after the import has been declared): @column-width: 60; @gutter-width: 20; @columns: 12; @total-width: 100%; for fluid (percentage-based) grid rather than a fixed pixels
Preprocess
- https://github.com/sanchothefat/wp-sass - uses richthegeek/phpsass
git clone git://github.com/sanchothefat/wp-sass.git wp-content/plugins/wp-sass git submodule update --init --recursive
Install script
See https://gist.github.com/gists/3157720
mkdir wp-content/themes/bones && cd $_ && wget https://github.com/eddiemachado/bones/zipball/master && unzip master && mv eddie*/* eddie*/.. && rm -rf eddie* && rm master
or
git archive --remote=git://github.com/eddiemachado/bones.git master | tar -xf -
the git one doesn't work, to check.
Post-install
- Theme name, etc., in style.css.
- Site settings, permalinks
- Set project based CSS preproces variables and mixins
- Webfont via Font Squirrel
- Remove sample post, page, links
- Import from production or other materials
- Change site title and tagline
(Plugins)
to sort
- wordpress-importer - for testing theme
- http://wordpress.org/extend/plugins/rewrite-rules-inspector/
- http://wordpress.org/extend/plugins/backwpup/
- http://wordpress.org/extend/plugins/google-analytics-for-wordpress/
- http://wordpress.org/extend/plugins/google-sitemap-generator/
- http://wordpress.org/extend/plugins/w3-total-cache/
- http://wordpress.org/extend/plugins/all-in-one-seo-pack/