WP Base

Things and Stuff Wiki - An organically evolving personal wiki knowledge base. An on-the-fly taxonomy containing a patchwork trail of topic outlines, descriptions, notes, stubs and breadcrumbs, with links to sites, systems, software, manuals, organisations, people, articles, guides, slides, papers, books, comments, videos, screencasts, webcasts, scratchpads and more. Content is orientated towards mostly free/libre/open, mostly Linux. Quality and age varies drastically. Sometimes old things are first, sometimes last. Use the Table of Contents menu to navigate long pages. Zoom in if text is too small. Dead link? Wayback Machine. I probably need to fix the theme CSS after an update. See also libreav.org. Chat to msg me (not checking tho atm). e

Base theme

bones
- bones/library/scss
- style.scss
  - import _normalize.scss - a reset
  - import _mixins.scss - colours, typography, basic buttons+alerts
  - import _base.scss - 320px to 480px. basic styles.
  - media query, min-width: 481px - _481up.scss - larger mobile devices. navigation, post & content, footer.
  - media query,min-width: 768px - _768up.scss - tablet and desktop. has a grid (1140px, ugh)
  - media query, -webkit-min-device-pixel-ratio: 1.5, min--moz-device-pixel-ratio: 1.5, min-device-pixel-ratio: 1.5 - _2x.scss - for retina devices
  - basic print style
- webfont goes in library/fonts

Create new Git branch of theme

@include rounded(4px);
@include border-radius(4px,4px,0,0);
@include transition(all,2s,ease-out);
@include box-shadow(5px, 5px, 10px, #000);
@include css-gradient(#dfdfdf,#f8f8f8);
@include box-sizing(border-box);

Grid

semantic.gs
- zipball
- grid.scss | grid.scss (raw)

wget https://raw.github.com/twigkit/semantic.gs/master/stylesheets/scss/grid.scss grid.scss / 
 -O _grid.scss

Import in _481up.scss or _768up.scss?

@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

Alter bones.php to register the style.sass after turning on the module.

Install script

Is a WIP

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

To work into install script

Theme
- Make sure preprocess and grid is available
- Change name, etc, in style.css
- Activate

Settings
- Blog / network
- General: title, tagline,
- Permalink? - default nginx blog/2012/08/14/sample-post/, to check if required

Set preprocess things in
- _mixins.scss - colours, fonts
  - Webfont via Font Squirrel
- _base.scss - styles for single column pages

Remove sample post, page, links
Import from production or other materials

Prelaunch

Signup, comment, avatar, trackback settings

(Plugins)

to sort

http://wordpress.org/extend/plugins/theme-check/

wordpress-importer - for testing theme

http://wordpress.org/extend/plugins/nginx-compatibility/