Lesson - Taking Advantage of Query Loops

[courtneyr-dev]

https://learn.wordpress.org/workshop/taking-advantage-of-query-loops/ Workshop is submitted through https://learn.wordpress.org/workshop-presenter-application/

//tutorial

[azhiya]

Please review for https://github.com/WordPress/Documentation-Issue-Tracker/issues/283

[westnz]

The UI has changed slightly when you add a Query Loop block. You now select 'choose' or 'start blank' at the start. I see colours are also an option in the sidebar settings now.

[westnz]

Dear Team! @courtneyr-dev @azhiya I have updated the workshop and re-recorded sections, and audio, to include the new UI for the 6.0 release. It is a massive task updating a workshop as you also need to re-create the video, subtitles, transcript etc.

[azhiya]

Thanks @westnz I'll move this to ready for review. I wonder what is the best way to manage this. Do we just create a whole new video or append a smaller video with the amendments?

[westnz]

Hi @azhiya! That was the hardest part. I had to create a new video (editing parts), redo the transcript, redo the subtitles etc. It takes almost just as long to update a video as to create a new one. Something to discuss moving forward as doing that doesn't seem sustainable moving forward. You have made a very good suggestion.

[azhiya]

Hey @westnz I feel your pain, having to revise this just for that minor change in my opinion is not the right way to manage this. I'd be happy with just a note. I've put this on the agenda for next week.

Everything else looks good to go.

[westnz]

Awesome! Thank you so much @azhiya

[westnz]

Link to workshop: https://learn.wordpress.org/workshop/taking-advantage-of-query-loops/

[courtneyr-dev]

6.1: patterns with the Query Loop, which reflects the intended post type, and the tools panel has been adopted to better consolidate the number of filters shown by default. Finally, folks who extend the Query Loop can also use an allowedControls property to determine what filters appear in variations to refine the UI based on their unique variation.

Visuals: parent filter video, tools panel video.

Code examples: video exploring registering a variation and including specific patterns with JS for registering a Query Loop variation and PHP for registering a pattern can be used with the variation.

Adoption approach: opt-in.

Key Make Posts/GitHub/Trac Issue(s):

https://github.com/WordPress/gutenberg/pull/44093#top. https://github.com/WordPress/gutenberg/pull/40933#top for querying pages. https://github.com/WordPress/gutenberg/pull/43590#top. UX: https://github.com/WordPress/gutenberg/pull/42629 to better organize the experience of working with filter options. UX: https://github.com/WordPress/gutenberg/pull/43285#top for a more intuitive and predictable experience. https://github.com/WordPress/gutenberg/pull/43632#top, which allows extenders to determine which controls show up for variations. https://github.com/WordPress/gutenberg/pull/44137.

[westnz]

Will work on updating the tutorial this week.

[westnz]

New version. I re-recorded the whole tutorial and have made updates:

https://user-images.githubusercontent.com/89751452/204705407-5917a128-edb0-4c49-b34e-74685bccf3ff.mp4

[fikekomala]

I like how the video is structured, @westnz! One thing, there's a long period of silence from 0:38-0:40, this is very minor, though.

[westnz]

Thank you @fikekomala

[westnz]

Update published: https://learn.wordpress.org/tutorial/taking-advantage-of-query-loops/

[courtneyr-dev]

WP 6.4 Visuals: YouTube video explaining improved pagination feature. Adoption approach: Key Make Posts/GitHub/Trac Issue(s): Query block: Client-side pagination (53812), make mid size parameter settable for Query Pagination block. (#51216), Query block: Start prefetching on first click to next/previous. (54781)

[westnz]

I plan to update and use this tutorial in the User learning pathway project.

[github-actions[bot]]

Tutorial Development Checklist

• [x] Tutorial created and announced to the team for Q/A review
• [ ] Tutorial reviewed and ready to publish
• [ ] Tutorial submitted and published to WPTV
• [ ] Tutorial published on WPTV
• [ ] Tutorial captioned
• [ ] Tutorial created on Learn.WordPress.org
• [ ] Tutorial post reviewed for grammar, spelling, etc.
• [ ] Tutorial published on Learn.WordPress.org
• [ ] Tutorial announced to Marketing Team for promotion

[westnz]

https://github.com/WordPress/Learn/assets/89751452/98065d4c-cbdd-4273-b8a5-0c7b368cbf0a

[devmuhib009]

Tutorial/Lessons Review Checklist

Please tick all items you've confirmed:

• [x] Learning outcomes/objectives are clear.
• [x] Technical concepts introduced in the content are accurate.
• [x] The speed of demonstrations are easy to follow.
• [x] The narration audio matches what is shown visually.
• [x] Spelling and grammar are correct.
• [x] Sound quality is consistent throughout the video.
• [x] Brand Usage Guidelines and Promotional Guidelines are being followed.
• [x] Media assets are all in the public domain (CC0).

[ironnysh]

Tutorial/Lessons Review Checklist

Please tick all items you've confirmed:

• [x] Learning outcomes/objectives are clear.
• [x] Technical concepts introduced in the content are accurate.
• [x] The speed of demonstrations are easy to follow.
• [x] The narration audio matches what is shown visually.
• [x] Spelling and grammar are correct.
• [x] Sound quality is consistent throughout the video.
• [ ] Brand Usage Guidelines and Promotional Guidelines are being followed.
• [ ] Media assets are all in the public domain (CC0).

Super useful tutorial, @westnz.

[westnz]

Thank you very much @devmuhib009 and @ironnysh

[westnz]

Published as part of the Intermediate user learning pathway.