Templates

[cynthianorman]

Learning Objectives

Introduces how WordPress’ block templates system works and provides pathways for deeper learning.

The learning objectives are to:

1. Describe what theme templates are and how WordPress handles the final markup for you.
2. Understand how the templating system works.
3. List and describe the typical templates found within a theme.
4. Differentiate between templates and template parts.

Relevant Links

https://developer.wordpress.org/themes/core-concepts/templates/
https://learn.wordpress.org/tutorial/wordpress-theme-template-tour/
https://learn.wordpress.org/tutorial/a-beginners-guide-to-the-wordpress-template-hierarchy/

Lesson creation checklist

• Gather any relevant links to Support, Docs, or related material
• Description and Objectives finalized
• Lesson created and announced to the team for review
• Lesson reviewed
• Lesson video submitted and published to WPTV
• Lesson created on Learn.WordPress.org
• Lesson video published to YouTube
• Lesson on Learn.WordPress.org updated with YouTube video
• Lesson published to Learn.WordPress.org

[cynthianorman]

This Beginner Developer Learning Pathway Lesson is ready to be reviewed. Please follow the steps listed under Guidelines for reviewing content. Thank you for your contribution! ✨

https://youtu.be/PXI7KUJ5Q5A (unlisted)

[jonathanbossenger]

Tutorial/Lessons Review Checklist

Please tick all items you've confirmed:

• Learning outcomes/objectives are clear.
• Technical concepts introduced in the content are accurate.
• The speed of demonstrations are easy to follow.
• The narration audio matches what is shown visually.
• Spelling and grammar are correct.
• Sound quality is consistent throughout the video.
• Brand Usage Guidelines and Promotional Guidelines are being followed.
• Media assets are all in the public domain (CC0).

Thank you for showing the template in the code editor, what the block markup looks like, and how WordPress converts the block markup into rendered content. A very important and useful detail for new block theme developers.

One question, from 2:30 - 2:40 you show the "Unavailable templates in the theme" annotation. Based on the spoken text during that time, I wasn't quite sure what this represented? From 2:40 onward, the voice and the visuals tied up and made sense.

[cynthianorman]

@jonathanbossenger thanks so much for your feedback!

I know what you mean with the annotation so I've removed it to hopefully reduce confusion.

[ironnysh]

Tutorial/Lessons Review Checklist

• Learning outcomes/objectives are clear.
• Technical concepts introduced in the content are accurate.
• The speed of demonstrations are easy to follow.
• The narration audio matches what is shown visually.
• Spelling and grammar are correct.
• Sound quality is consistent throughout the video.
• Brand Usage Guidelines and Promotional Guidelines are being followed.
• Media assets are all in the public domain (CC0).

Another great overview and intro :-)
One suggestion/question: how about swapping the final slide to show the Template view of the Site Editor or even the theme directory structure in VS Code, instead of the template hierarchy chart?
I'm thinking that a "real-life" visualization of the theme structure could help people get a more concrete sense of the different parts.

[cynthianorman]

@ironnysh I really like your suggestion - thank you!

[cynthianorman]

@jonathanbossenger I've uploaded this video to WordPress.tv and published it. We still need to add the transcript. Thank you!

[jonathanbossenger]

Video published to YouTube: https://youtu.be/fLE6fhdttac

When you have a moment, please add the Chapter Markers for the video as a comment in this issue.

[cynthianorman]

@jonathanbossenger

Chapter Markers

(0:08) Learning objectives
(0:31) What are templates?
(1:57) How the templating system works
(2:58) Typical templates found within a theme
(4:30) Differentiate between templates and template parts

[jonathanbossenger]

Thank you, added.