three files, unlimited layouts: the designer's guide to wordpress freedom. #wcphx

Make your site look like anything in

Genesis or Underscores.

Three files, unlimited design options:

Saturday, January 18, 14

30 years a creative.My firm: Marginhancers.Site = brand foundation.Marketing : revenue as brand : margin.


Are you too old to learn to code?Saturday, January 18, 14

What does a WP site look like?


So, great! Let’s just buy those.


Not a great idea.


So what’s a framework, anyway?


You may have heard of:


Layout flexibility = control (widgets + markup).


Three files.

template.php

functions.php

style.css


template.php

Home page:

home.php

front-page.php

index.php

page_whatever.php


A formal Best Practices workflow:


Planning: strategy, design. Message strategy/creative brief.Visual texture.

PSD mockupmood board Style Tileswhatever.


From visuals to code:CSS defaults.

320 and up, Foundation, Bootstrap …

Elements:TypeColorsIcons

Buttonsform fieldsAnd more.


Build!@import:

type defaults style.css.


Three files.style.cssfunctions.phpfront-page.php


functions.phpSaturday, January 18, 14

index.php


front-page.php


index.php


front-page.php


style.cssSaturday, January 18, 14

Things we didn’t cover, but can.


Typography.

Why do I self-host my type?

Choosing faces that work together.


Laying out the header - it was different in the two frameworks.


Phone versions.Phones represent more than half of all web traffic.

No time for a fully responsive design?

At least make sure the site works on a phone.


Meaning:Body copy we can read. (Not 2px cap height.)

Do you like modals?


Questions?


Thanks!


Download the files:
