WordPress Template Hierarchy
-
Upload
sarah-whinnem -
Category
Technology
-
view
1.472 -
download
0
description
Transcript of WordPress Template Hierarchy
![Page 1: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/1.jpg)
![Page 2: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/2.jpg)
BEFORE: ONE UNIVERSAL LAYOUT
Basic site wireframe: • Header • Navigation • Content • Sidebar • Footer
![Page 3: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/3.jpg)
Unique and customizable layouts (WP for a blog) Automatic template rendering (WP as a CMS)
![Page 4: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/4.jpg)
WHY IS THIS GOOD FOR BLOGS?
• Be creative with layouts • Design different layouts for different
purposes • Give visitors more points of entry
![Page 5: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/5.jpg)
WHY IS IT GOOD FOR CMS SITES?
• Create different designs for each of your static pages
• Design templates will be applied automatically
![Page 6: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/6.jpg)
index.php styles.css
![Page 7: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/7.jpg)
WP Managed pages WP Assisted pages Static Pages
![Page 8: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/8.jpg)
if (is_home()) { Do something
}
![Page 9: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/9.jpg)
• Easier to understand
• Easier to manage
![Page 10: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/10.jpg)
Category ‘Foo’, ID 4 1. category-foo.php 2. category-4.php 3. category.php 4. archive.php 5. index.php
![Page 11: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/11.jpg)
![Page 12: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/12.jpg)
JUST A FEW HIERARCHY PAGES 404.php
archive.php
attachment.php
author.php
category.php
comments.php
date.php
footer.php
front-page.php
functions.php
home.php
index.php
page.php
search.php
searchform.php
sidebar.php
single.php
single-custom.php
tag.php
taxonomy.php
![Page 13: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/13.jpg)
![Page 14: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/14.jpg)
page-{slug}.php category-{name}.php author-{name}.php
![Page 15: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/15.jpg)
![Page 16: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/16.jpg)
![Page 17: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/17.jpg)
![Page 18: WordPress Template Hierarchy](https://reader033.fdocuments.us/reader033/viewer/2022051817/54804f14b4af9fdc618b4613/html5/thumbnails/18.jpg)
RESOURCES WordPress Codex:
http://codex.wordpress.org/Template_Hierarchy
http://codex.wordpress.org/Theme_Development#Query-based_Template_Files
Digging Into WordPress (Chris Coyier and Jeff Starr)
http://digwp.com/2010/09/wordpress-3-template-hierarchy/
WP Tuts +
http://wp.tutsplus.com/tutorials/the-wordpress-theme-files-execution-hierarchy/
This Presentation:
http://bit.ly/WPThierarchy