Lessons:14Length:2.2 hours
After many years of using the same interface, WordPress drastically redesigned its editor for WordPress 5. The new editor is called Gutenberg, and it provides a richer, more immersive experience by dividing posts and pages into individual blocks of content. Gutenberg aims to provide a true WYSIWYG experience by breaking up pieces of posts and pages into individual blocks of content. Of course, this brings some big changes for plugin and theme developers!
Join Jeremy McPeak as he teaches you how to create blocks, specialized WordPress plugins that extend the functionality of the Gutenberg editor.
Do you want to learn WordPress development from start to finish? Check out our learning guide: Learn WordPress Development.
1.Introduction
1.1Introduction01:43
1.1
Introduction
01:43
1.2Setting Up Your Environment11:09
1.2
Setting Up Your Environment
11:09
2.Gutenberg Block Fundamentals
2.1Creating a WordPress Plugin12:14
2.1
Creating a WordPress Plugin
12:14
2.2Registering Blocks09:42
2.2
Registering Blocks
09:42
2.3Using Attributes11:56
2.3
Using Attributes
11:56
2.4Using Built-in Components10:10
2.4
Using Built-in Components
10:10
2.5Saving Your Block08:22
2.5
Saving Your Block
08:22
3.Using Modern Techniques
3.1Using Create-Guten-Block10:35
3.1
Using Create-Guten-Block
10:35
3.2Rewriting the Colored Box10:41
3.2
Rewriting the Colored Box
10:41
3.3Attributes10:57
3.3
Attributes
10:57
4.Adding Features
4.1Adding Features to the Inspector12:58
4.1
Adding Features to the Inspector
12:58
4.2Implementing Custom Inspector Panels12:14
4.2
Implementing Custom Inspector Panels
12:14
4.3Customizing the Toolbar07:21
4.3
Customizing the Toolbar
07:21
5.Conclusion
5.1Conclusion01:13
5.1
Conclusion
01:13
