Creating a custom template with the WordPress site editor - Tutorial

[westnz]

Topic Description

Creating a custom template for different types of posts or pages.

Related Resources

Links to related content on Learn, HelpHub, DevHub, GitHub Gutenberg Issues, DevNotes, etc.

• [ ]

Guidelines

Review the team guidelines

Tutorial Development Checklist

• Vetted by instructional designers for content idea
• Provide feedback of the idea
• Gather links to Support and Developer Docs
• Consider any MarComms (marketing communications) resources and link to those
• Review any related material on Learn
• Define several SEO keywords to use in the article and where they should be prominently used
• Description and Objectives finalized
• Create an outline of the workshop
• Tutorial submitted to the team for Q/A review https://blog.wordpress.tv/submission-guidelines/ & https://make.wordpress.org/training/2021/08/17/proposal-brand-guidelines-for-learn-wordpress-content/
• Tutorial submitted to WPTV https://wordpress.tv/submit-video/
• Tutorial published on WPTV
• Tutorial is captioned https://make.wordpress.org/training/handbook/tutorials/tutorial-subtitles-and-transcripts/
• Tutorial created on Learn.WordPress.org
• Tutorial post is reviewed for grammar, spelling, etc.
• Tutorial published on Learn.WordPress.org
• Tutorial announced to training team
• Tutorial announced to creator
• Tutorial announced to Marketing Team for promotion
• Gather feedback from workshop viewers/participants

[westnz]

Custom.Template.Tutorial.mp4

[wparasae]

Your sample website is really lovely, Wes. I also really appreciate how well you use cursor effects here. It makes it very easy to follow what you're doing and when!

A consideration for change: Since the vast majority of WordPress themes are still classic themes, you might consider adding a brief mention somewhere (beginning or end) about how this method of creating a custom template will only work with block themes--classic themes require coding to make custom templates.

Overall, this is very clear and I cannot wait until it's published so I can add it to a course or two! :)

[westnz]

Thank you for the feedback Sarah!

[digitalchild]

Re-iterating what @wparasae I suggest naming the tutorial Creating a Template with the WordPress site editor.

At 0:38 you say 'a site editor' isn't it the site editor?

The only other thing is it might be good to also outline that you can use quick edit to change the template.

Other than that, clear and concise as always.

[westnz]

Thanks so much! @digitalchild

[nomad-skateboarding-dev]

This was great, Wes! Well done. 🙌

Anecdotally, I've seen more confusion over exactly what you've explained here than most other questions regarding the site editor combined.

I felt the duration was about perfect to really get a handle on what was going on with templates. The examples used were great. I especially liked that you kept everything simple, as I didn't feel overwhelmed when you jumped back and forth between templates and pages. 👍

My only thought for possible editing

• In some spots I felt I couldn't quite focus in on what you were clicking in the menus until we were on the next screen. The descriptors and the voiceover felt perfect, just maybe half a second too far ahead for my eyes to focus in on what was about to happen before it did.

That feedback is if I'm stretching to find something off! Again, this was a fantastic video, Wes! Great work. 😀👏

[westnz]

Thank you very much for the feedback @nomad-skateboarding-dev 😃

[westnz]

Thank you, I have implemented everyone's feedback and re-recorded large parts for the 6.2 release.

Custom.Template.Tutorial.mp4

[courtneyr-dev]

To @nomad-skateboarding-dev 's point, I think zooming in to the maximum amount before mobile mode kicks in would be ideal.

https://learn.wordpress.org/lesson-plan/best-practices-when-capturing-images/ (works for videos as well). When we are looking at the list view, it looks rather small, or the admin dashboard. CMD + in as much as you can!

[westnz]

Published: https://learn.wordpress.org/tutorial/creating-a-custom-template-with-the-wordpress-site-editor/