The Block Editor (codename “Gutenberg”) is the newest WordPress component with a focus on updating the content editing experience. Specifically, this new component transitions from a single content “blob” towards more structured content based on “blocks”. The concept of “blocks” aims to unify shortcodes, custom HTML, and embeds into a single workflow. Further, these “blocks” are another step in the direction of a true “What You See Is What You Get” content editor.
The Gutenberg Handbook is a perfect place to start when writing your first block. Looking at the “Blocks” section of the handbook, you’ll see that the developers walk you through writing your first block type, applying styles, and then lead into attributes and controls (more on that later).
The Gutenberg Handbook is a perfect place to start when writing your first block.
A lot has been written on Gutenberg "Blocks" already. Instead of writing another introductory article, here is where we suggest going next: