WordPress / Learn

WordPress.org Learn - The canonical source for the code and content behind https://learn.WordPress.org

275 stars 102 forks source link

Block Attributes #2240

Closed jonathanbossenger closed 7 months ago

jonathanbossenger commented 8 months ago

Details

Content type (Online Workshop, Lesson, Course, Tutorial, or Lesson Plan): Lesson
Content title: Block attributes
Topic description: Provide block users the ability to change block data using Block Attributes
Audience (User, Developer, Designer, Contributor, etc.): Developer
Experience Level (Beginner, Intermediate, Advanced, Any): Beginner

Learning Objectives

Describe what block attributes are, and how they are useful
Modify the block to support a block attribute

Related Resources and Other Notes

https://developer.wordpress.org/block-editor/getting-started/tutorial/

Automation Code

jonathanbossenger commented 8 months ago

//lesson

github-actions[bot] commented 8 months ago

Lesson Development Checklist

[x] Gather any relevant links to Support, Docs, or related material
[x] Description and Objectives finalized
[x] Lesson created and announced to the team for review
[x] Lesson reviewed
[x] Lesson video submitted and published to WPTV
[x] Lesson created on Learn.WordPress.org
[x] Lesson video published to YouTube
[x] Lesson on Learn.WordPress.org updated with YouTube video
[x] Lesson published to Learn.WordPress.org

jonathanbossenger commented 8 months ago

Script: https://github.com/jonathanbossenger/wp-content/blob/main/developer-learning-pathway/introduction-to-wordpress-blocks/05-block-attributes.md

jonathanbossenger commented 8 months ago

https://github.com/WordPress/Learn/assets/180629/c21751eb-a449-4aa8-9668-b78a44cb84cd

Video for review

ironnysh commented 7 months ago

Tutorial/Lessons Review Checklist

[x] Learning outcomes/objectives are clear.
[x] Technical concepts introduced in the content are accurate.
[x] The speed of demonstrations are easy to follow.
[ ] 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).

Great tutorial! Clear and easy to follow. I appreciated the suggestion to switch to Code editor view, to see the attribute set there as well. It sort of ties the IDE and the Editor together :-)

I noticed a "bug" at 8:00: when you present two ways to fix the React erros, the same React documentation page is shown (Fragment); seems like the div option is skipped.

jonathanbossenger commented 7 months ago

Thanks @ironnysh, another editing glitch, which is now fixed.

https://github.com/WordPress/Learn/assets/180629/ed480c57-66fa-487f-86be-8f0fa8d4a421

jonathanbossenger commented 7 months ago

https://wordpress.tv/2024/03/28/block-attributes/

jonathanbossenger commented 7 months ago

https://youtu.be/dCGS8UUmP40

jonathanbossenger commented 7 months ago

https://learn.wordpress.org/lesson/block-attributes-2/