Difference between revisions of "WP Base"

From Things and Stuff Wiki
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
  
=== Other ===
+
== 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/
 
== 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
 

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

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