WordPress theme development follows the WordPress template hierarchy, which determines which templates are used depending on the content being rendered. Fortunately for the new block theme developer, the Site Editor allows you to create all the primary templates you might need, right from your WordPress install. In this session, we'll start with a quick review of the WordPress template hierarchy. Then we'll create a blank block theme, using the Create Block Theme plugin, apply some ready-made default styles via theme.json, and create all the primary templates a WordPress theme would need.

1. Jonathan Bossenger
Let’s Code
Learn.WordPress.org
Creating your Primary Templates in the Editor

2. 2
👋
Welcome!
As you join, please get
your local WordPress
install ready:
1. Install and activate the Gutenberg plugin
2. Download/activate the workshop theme:
https://bit.ly/workshop-theme
3. (Optional) View/make a copy of this:
https://bit.ly/tt3-design

3. Learn.WordPress.org
Let's code!
Creating Your
Primary Templates
in the Editor
Jonathan Bossenger

4. Announcements
○ Welcome, and thanks to Thelma for co-hosting with me today!
○ We’ll be presenting in focus mode.
○ You are welcome to ask questions.
○ You are welcome to unmute to ask questions, or post them in the chat.

5. Announcements
○ Is your local install ready?:
• https://bit.ly/workshop-theme
• https://bit.ly/tt3-design
○ If I am going too fast, please let me know!
○ We will be posting this session to https://wordpress.tv/ afterwards
○ For more WordPress focused content please visit https://learn.wordpress.org/

6. Learning Outcomes
○ What are the WordPress Primary Templates
• A quick overview of the WordPress Template Hierarchy
○ How to create a Primary Template in the Site Editor
• Creating a new template
• Populating it according to the design
• Saving the template data

7. Objectives
1. Review the WordPress Template Hierarchy
a. https://developer.wordpress.org/themes/basics/template-hierarchy/
2. Review the theme.json file
3. Review the index template
4. Create the header and footer templates, and add them to the index
5. Create the page template
6. Create the single template
7. Export the data to the template files
7

8. 8
Let’s code.

9. Learn.WordPress.org
Thank You!
Questions?