Learn icon indicating copy to clipboard operation
Learn copied to clipboard

Classic Theme Template Parts - Tutorial

Open courtneyr-dev opened this issue 2 years ago • 3 comments

Topic Description

How to enable block templates and template parts in classic themes (non-FSE)

Related Resources

Links to related content on Learn, HelpHub, DevHub, GitHub Gutenberg Issues, DevNotes, etc. Code example: Very simple example theme with more details for implementation in Testing and Feedback for using block based template parts in classic themes. For a more detailed guide, review this post from the Gutenberg Times.

Visual: video of the experience of using template parts in classic themes.

Key Make Posts/GitHub/Trac Issue(s): Testing and Feedback for using block based template parts in classic themes. For a more detailed walkthrough, review this post from the Gutenberg Times.

Guidelines

Review the [team guidelines] (https://make.wordpress.org/training/handbook/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

courtneyr-dev avatar Oct 09 '22 22:10 courtneyr-dev

@courtneyr-dev I tested this when the call for testing came out, so if no one else wants this, I could definitely tackle it.

jonathanbossenger avatar Oct 10 '22 09:10 jonathanbossenger

I'm going to do my best to get this recorded and up for review by tomorrow, so it can be published to coincide with the 6.1 release on 1 November.

jonathanbossenger avatar Oct 17 '22 07:10 jonathanbossenger

https://user-images.githubusercontent.com/180629/196468941-abd25385-22ee-45b5-afeb-7acf58e7179a.mp4

jonathanbossenger avatar Oct 18 '22 15:10 jonathanbossenger

Looking good to me. Such a great feature.

vagelisp avatar Nov 01 '22 11:11 vagelisp

Thanks @vagelisp

A great feature to look forward too indeed.

jonathanbossenger avatar Nov 01 '22 11:11 jonathanbossenger

Please do release :)

courtneyr-dev avatar Nov 01 '22 16:11 courtneyr-dev

Enjoyed this video to review (which still had the ready to review label) @jonathanbossenger and it was a good pace. The approach of explaining what you could do, and then the showing users how to do the same will really help learners follow along.

Before it is released, can we just put some space around the WordPress logo and learn in line with the trademark and enough spacing for more users to be able to read the website address, at least on the home screen? eg the video at https://github.com/WordPress/Learn/issues/1014

For the next video, suggest the speech when you are showing learners how to do something could be a little louder. I appreciate you are trying to differentiate the sound, in a couple of places it was just a bit too quiet for some people listening.

Look forward to your next video Jonathan.

abhansnuk avatar Nov 02 '22 01:11 abhansnuk

@courtneyr-dev thanks

@abhansnuk thanks for the review

Before it is released, can we just put some space around the WordPress logo and learn in line with the trademark and enough spacing for more users to be able to read the website address, at least on the home screen

It's a bit tricky to edit that post-production, as it's part of my slides. But, I will make sure to edit my default slide deck on which I base all my slides so that there's a bit more space going forward.

jonathanbossenger avatar Nov 02 '22 06:11 jonathanbossenger

https://wordpress.tv/2022/11/02/using-block-template-parts-in-classic-themes/

jonathanbossenger avatar Nov 02 '22 10:11 jonathanbossenger

https://learn.wordpress.org/tutorial/using-block-template-parts-in-classic-themes/

jonathanbossenger avatar Nov 02 '22 10:11 jonathanbossenger

Tutorial is published

jonathanbossenger avatar Nov 02 '22 10:11 jonathanbossenger