Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds

  • Overview
  • Transcript

1.1 Introduction

Hi! I am Jeremy McPeak, and I invite you to spend some time with me as we learn how to code blocks for WordPress Gutenberg.

1.1 Introduction

After many years of using the same interface, WordPress drastically redesigned their editor for version five. It's called Gutenberg and it provides a richer and more immersive experience by dividing posts and pages into individual blocks of content. These blocks are self-contained, and they are responsible for rendering their own content. It's a completely new idea to WordPress and as you've probably guessed, it is also a completely different environment for for plugin developers. Hi, I am Jeremy McPeak and I invite you to spend some time with me as we learn how to write Gutenberg blocks. They are specialized WordPress plugins that rely on a heavy amount of JavaScript. In fact, they are react components. So let me say this first, I assume that you have experience with JavaScript, and while you don't necessarily need experience with REACT, it would be useful. We'll start by writing a simple block completely from scratch. We won't use any special tools to generate our files or anything like that. Well at least at first. You'll learn the structure of a Gutenberg block as well as the fundamental pieces that every blog needs. We will then rewrite our blog using modern JavaScript syntax and techniques. We will generate our blog's files with the create Guten block utility and we will use JSX to define our blog's structure. From there will discuss how to maintain our blog's state and you will learn how to add extra features and capabilities to your blog with Gutenberg's Inspector and toolbar components. We have a lot of ground to cover, so when you're ready queue up the next video and we will get started.

Back to the top