WordPress Template Hierarchy

BEFORE: ONE UNIVERSAL LAYOUTBasic site wireframe: • Header • Navigation • Content • Sidebar • Footer

Unique andcustomizable layouts(WP for a blog)Automatic templaterendering(WP as a CMS)

WHY IS THIS GOOD FOR BLOGS?•  Be creative with layouts•  Design diﬀerent layouts for diﬀerent purposes•  Give visitors more points of entry

WHY IS IT GOOD FOR CMS SITES?•  Create diﬀerent designs for each of your static pages•  Design templates will be applied automatically

index.phpstyles.css

WP Managed pagesWP Assisted pagesStatic Pages

if (is_home()) { Do something}

•  Easier to understand•  Easier to manage

Category ‘Foo’, ID 41.  category-foo.php2.  category-4.php3.  category.php4.  archive.php5.  index.php

JUST A FEW HIERARCHY PAGES404.php home.phparchive.php index.phpattachment.php page.phpauthor.php search.phpcategory.php searchform.phpcomments.php sidebar.phpdate.php single.phpfooter.php single-custom.phpfront-page.php tag.phpfunctions.php taxonomy.php

page-{slug}.phpcategory-{name}.phpauthor-{name}.php

RESOURCESWordPress Codex:http://codex.wordpress.org/Template_Hierarchyhttp://codex.wordpress.org/Theme_Development#Query-based_Template_FilesDigging Into WordPress (Chris Coyier and Jeﬀ Starr)http://digwp.com/2010/09/wordpress-3-template-hierarchy/WP Tuts +http://wp.tutsplus.com/tutorials/the-wordpress-theme-ﬁles-execution-hierarchy/This Presentation:http://bit.ly/WPThierarchy

WordPress Template Hierarchy

by Sarah Whinnem

Accessibility

Categories

Upload Details

Usage Rights

Statistics