SlideShare a Scribd company logo
Jonathan Bossenger
Let’s Code
Learn.WordPress.org
Creating Custom Templates and Template Parts
2
👋🏽
Welcome!
As you join, please get
your local WordPress
install ready:
1. Install and activate the Gutenberg plugin
https://wordpress.org/plugins/gutenberg/
2. Download/activate the workshop theme:
https://bit.ly/workshop-theme
3. (Optional) Install FakerPress:
https://wordpress.org/plugins/fakerpress/
Learn.WordPress.org
Let's code!
Creating Your
Primary
Templates in the
Editor
Jonathan Bossenger
Announcements
○ Welcome!
○ 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
○ Let’s get your local install ready:
• https://bit.ly/workshop-theme
• https://wordpress.org/plugins/gutenberg/
• https://wordpress.org/plugins/fakerpress/
○ 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 custom templates/template Parts
• A quick review of the WordPress Template Hierarchy
○ How to create custom templates from the Site Editor
○ How to create custom templates manually (and why)
○ How to create a custom template part in the Site Editor
○ How to register your custom template/template part in theme.json
Objectives 1
1. Generate some Posts (10) using FakerPress
2. Review the WordPress Template Hierarchy
a. https://developer.wordpress.org/themes/basics/template-hierarchy/
3. Create 2 additional users (author) on the site, and assign posts to them
4. Create a custom Featured Author Template for featured posts and apply it to a post
5. Manually export the template to a file
6. Register the template in theme.json
7
Objectives 2
1. Manually create a specific template for a single author archive
2. Edit the template in the editor
3. View the specific author archive vs the other author
4. Export and register the template in theme.json
8
Objectives 3
1. Create a custom comments template part
2. Manually export the template part to a file
3. Register the template part in theme.json
9
10
Let’s code.
Learn.WordPress.org
Thank You!
Questions?

More Related Content

PDF
RPP PJOK SMP Kelas VIII
DOCX
Program semester layanan bimbingan dan konseling
PPTX
Brigade PII
DOCX
Sk pengelola bpmu smk cahaya raya
DOCX
Format Lap Kunjungan lapangan TPP.docx
PPT
семь церквей асии
PDF
[ACCOP 2019 Poster] Microaggressions: An Online Focus Group Discussion Study ...
PPTX
Let's code! Creating your Primary Templates in the Editor.pptx
RPP PJOK SMP Kelas VIII
Program semester layanan bimbingan dan konseling
Brigade PII
Sk pengelola bpmu smk cahaya raya
Format Lap Kunjungan lapangan TPP.docx
семь церквей асии
[ACCOP 2019 Poster] Microaggressions: An Online Focus Group Discussion Study ...
Let's code! Creating your Primary Templates in the Editor.pptx

More from Jonathan Bossenger (20)

PPTX
New WordPress Developer APIs The Interactivity API
PPTX
The WordPress HTML API
PPTX
The WordPress Create Block tool
PPTX
PHP compatibility testing with PHPCompatibilityWP
PPTX
Common WordPress APIs_ Settings API
PPTX
Common WordPress APIs - Options API
PPTX
Common WordPress APIs_ HTTP API.pptx
PPTX
Common WordPress APIs: Metadata
PPTX
What’s new for developers_ (August 2023).pptx
PPTX
Testing your plugins for PHP version compatibility
PPTX
Common WordPress APIs_ Global Variables
PPTX
Common WordPress APIs_ Internationalization
PPTX
Testing WordPress 6.3 - Developer edition
PPTX
Common WordPress APIs: Responsive Images
PPTX
Common WordPress APIs - Dashboard Widgets
PPTX
Custom Tables in WordPress
PPTX
The WordPress Database
PPTX
WordPress Coding Standards
PPTX
Managing a WordPress Multisite Network
PPTX
Debugging in WordPress
New WordPress Developer APIs The Interactivity API
The WordPress HTML API
The WordPress Create Block tool
PHP compatibility testing with PHPCompatibilityWP
Common WordPress APIs_ Settings API
Common WordPress APIs - Options API
Common WordPress APIs_ HTTP API.pptx
Common WordPress APIs: Metadata
What’s new for developers_ (August 2023).pptx
Testing your plugins for PHP version compatibility
Common WordPress APIs_ Global Variables
Common WordPress APIs_ Internationalization
Testing WordPress 6.3 - Developer edition
Common WordPress APIs: Responsive Images
Common WordPress APIs - Dashboard Widgets
Custom Tables in WordPress
The WordPress Database
WordPress Coding Standards
Managing a WordPress Multisite Network
Debugging in WordPress
Ad

Recently uploaded (20)

PPTX
Machine Learning_overview_presentation.pptx
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
Spectroscopy.pptx food analysis technology
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PPTX
Cloud computing and distributed systems.
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
cuic standard and advanced reporting.pdf
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Approach and Philosophy of On baking technology
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Electronic commerce courselecture one. Pdf
PDF
Encapsulation theory and applications.pdf
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Empathic Computing: Creating Shared Understanding
Machine Learning_overview_presentation.pptx
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Spectroscopy.pptx food analysis technology
Digital-Transformation-Roadmap-for-Companies.pptx
MIND Revenue Release Quarter 2 2025 Press Release
Cloud computing and distributed systems.
Per capita expenditure prediction using model stacking based on satellite ima...
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
cuic standard and advanced reporting.pdf
Spectral efficient network and resource selection model in 5G networks
Network Security Unit 5.pdf for BCA BBA.
Encapsulation_ Review paper, used for researhc scholars
Diabetes mellitus diagnosis method based random forest with bat algorithm
A comparative analysis of optical character recognition models for extracting...
Approach and Philosophy of On baking technology
“AI and Expert System Decision Support & Business Intelligence Systems”
Electronic commerce courselecture one. Pdf
Encapsulation theory and applications.pdf
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Empathic Computing: Creating Shared Understanding
Ad

Creating Custom Templates and Template Parts

  • 2. 2 👋🏽 Welcome! As you join, please get your local WordPress install ready: 1. Install and activate the Gutenberg plugin https://wordpress.org/plugins/gutenberg/ 2. Download/activate the workshop theme: https://bit.ly/workshop-theme 3. (Optional) Install FakerPress: https://wordpress.org/plugins/fakerpress/
  • 4. Announcements ○ Welcome! ○ 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 ○ Let’s get your local install ready: • https://bit.ly/workshop-theme • https://wordpress.org/plugins/gutenberg/ • https://wordpress.org/plugins/fakerpress/ ○ 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 custom templates/template Parts • A quick review of the WordPress Template Hierarchy ○ How to create custom templates from the Site Editor ○ How to create custom templates manually (and why) ○ How to create a custom template part in the Site Editor ○ How to register your custom template/template part in theme.json
  • 7. Objectives 1 1. Generate some Posts (10) using FakerPress 2. Review the WordPress Template Hierarchy a. https://developer.wordpress.org/themes/basics/template-hierarchy/ 3. Create 2 additional users (author) on the site, and assign posts to them 4. Create a custom Featured Author Template for featured posts and apply it to a post 5. Manually export the template to a file 6. Register the template in theme.json 7
  • 8. Objectives 2 1. Manually create a specific template for a single author archive 2. Edit the template in the editor 3. View the specific author archive vs the other author 4. Export and register the template in theme.json 8
  • 9. Objectives 3 1. Create a custom comments template part 2. Manually export the template part to a file 3. Register the template part in theme.json 9

Editor's Notes

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