This document outlines a presentation on using the WordPress Create Block tool. It introduces the presenter and learning outcomes which are to explain what Create Block is, the requirements to use it, how to scaffold a new block plugin, and review the generated file structure and Create Block options. It also lists some announcements like encouraging questions and noting the session is being recorded. Resources for Create Block, Node.js, and installing for local development are provided.

1. 1
The WordPress Create Block tool
Jonathan Bossenger
Learn.WordPress.org

2. 2
👋🏽 Welcome!
As you join, let everyone know in the chat where you’re
joining us from, and feel free to share a little about what
you do with WordPress.
Hello!
○ My name is Jonathan Bossenger
○ From Cape Town, South Africa
○ Developer educator at Automattic
○ Sponsored to work with the Training Team
○ jonathanbossenger.com

3. Learn.WordPress.org
Create Block
Jonathan Bossenger

4. Announcements
○ Welcome, and thank you to Tracy for co-hosting.
○ Please let me know if you can’t see this slide!
○ We are presenting in focus mode, but please feel free to enable your video.
○ You are welcome to ask questions.
○ You are welcome to post questions in the chat, or unmute to ask questions.

5. Announcements
○ This is an update to a previous workshop
○ If I am going too fast, please let me know!
○ We are recording this session and will be posting it to https://wordpress.tv/ afterwards.
○ https://learn.wordpress.org/ - WordPress learning resources
○ https://developer.wordpress.org/news/ - WordPress developer news

6. Learning outcomes
○ Create Block (aka create-block)
• What is it and what it is used for
• What are the requirements to install and use the create-block tool
• Scaffold a new block plugin using the create-block tool
• Review the structure of the scaffolded plugin files
• Review the options available for the create-block tool

7. Question time
○ On a scale of 1 to 5, how well do you know this topic?

8. Requirements
○ A Terminal
○ Node.js and npm
○ A local WordPress installation
○ A text editor

9. Let’s go!

10. Resources
○ https://developer.wordpress.org/block-editor/reference-guides/packages/packages-create-block/
○ https://www.npmjs.com/package/@wordpress/create-block
○ https://nodejs.org/en
○ https://learn.wordpress.org/tutorial/installing-node-js-and-npm-for-local-wordpress-
development/