Design 2 WordPress @ Barcamp Tampa 2010

DESIGN 2 WORDPRESS understanding the theming process Alison Foxall alisonfoxall.com @alisonmf front-end web design & development

YOU’LL NEED 1. DESIGN 2. HTML & CSS IN YOUR BRAIN 3. WORDPRESS INSTALL 4. GENERAL WP KNOW-HOW RESOURCE: WORDPRESS.ORG

LAYERED PSD- READY TO MARKUP URL: ALISONFOXALL.COM

BUILD THE PAGE AS YOU WOULD NORMALLY RESOURCE: W3SCHOOLS.COM/HTML5/DEFAULT.ASP

DETERMINE STATIC, DYNAMIC & CONTENT AREAS 1. HEADER & FOOTER FILES 2. WHAT’S CHANGING? 3. WHAT’S EDITABLE IN THE BACK-END (ADMIN PANEL) RESOURCE: WORDPRESS.ORG

AS SEEN ON: ALISONFOXALL.COM

LET’S DO THIS.

THEME FILES STYLE.CSS* INDEX.PHP* HEADER.PHP* FOOTER.PHP* ARCHIVE.PHP SINGLE.PHP PAGE.PHP COMMENTS.PHP SEARCH.PHP ETC..... CODEX.WORDPRESS.ORG/THEME_DEVELOPMENT#TEMPLATE_FILES

WP TEMPLATE HIERARCHY PAGE-ID.PHP PAGE.PHP INDEX.PHP CATEGORY.PHP ARCHIVE.PHP TAG.PHP SINGLE.PHP RESOURCE: CODEX.WORDPRESS.ORG/TEMPLATE_HIERARCHY

WP TEMPLATE HIERARCHY INDEX.PHP RESOURCE: CODEX.WORDPRESS.ORG/TEMPLATE_HIERARCHY

WP TEMPLATE HIERARCHY SINGLE.PHP RESOURCE: CODEX.WORDPRESS.ORG/TEMPLATE_HIERARCHY

THE LOOP (DON’T BE AFRAID) CODEX.WORDPRESS.ORG/THE_LOOP

WP TEMPLATE TAGS (MAKE OUR LIVES EASIER) PRE- DEFINED CALLS TO THE WP CORE TO OUTPUT DATA SUCH AS: POST TITLE YOUR CONTENT AN EXCERPT POST TAGS POST CATEGORIES DATE OF POST RESOURCE: CODEX.WORDPRESS.ORG/TEMPLATE_TAGS

WP TEMPLATE TAGS (MAKE OUR LIVES EASIER) THIS OUTPUTS THE CONTENT OF A POST RESOURCE: CODEX.WORDPRESS.ORG/TEMPLATE_TAGS

NORMAL STATIC HTML PAGE RESOURCE: W3SCHOOLS.COM/HTML5/DEFAULT.ASP

CODEX.WORDPRESS.ORG/THEME_DEVELOPMENT

TIPS Look at other themes. Try, try, and try again. Research!

QUESTIONS, COMMENTS AND ANY SMART ALECK REMARKS? Alison Foxall alisonfoxall.com @alisonmf front-end developer/designer

http://alisonfoxall.com	134
http://feeds2.feedburner.com	5
http://www.google.com.au	1

Design 2 WordPress @ Barcamp Tampa 2010

by Alison Foxall on Sep 27, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 140

Statistics

Design 2 WordPress @ Barcamp Tampa 2010 — Presentation Transcript