Jonathan Bossenger
Let’s Code
Learn.WordPress.org
Creating your Primary Templates in the Editor
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
Learn.WordPress.org
Let's code!
Creating Your
Primary Templates
in the Editor
Jonathan Bossenger
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.
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/
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
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
Let’s code.
Learn.WordPress.org
Thank You!
Questions?

Let's code! Creating your Primary Templates in the Editor.pptx

  • 1.
  • 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 PrimaryTemplates in the Editor Jonathan Bossenger
  • 4.
    Announcements ○ Welcome, andthanks 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 yourlocal 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 ○ Whatare 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 theWordPress 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.
  • 9.

Editor's Notes

  • #2 TITLE SLIDE: Make a copy of this presentation to your Google Drive, and edit to replace with your details.