Lessons:10Length:51 minutes
Want to create your own custom Gutenberg blocks but don't know JavaScript? It is possible to code Gutenberg blocks without having to write a line of JavaScript.
In this course, Rachel McCollin will show you how to code blocks for WordPress Gutenberg without using JavaScript at all. Instead, you'll use the Advanced Custom Fields plugin! Follow along and you'll see how to create a plugin that produces a custom call to action (CTA) block, using only HTML and PHP.
Do you want to learn WordPress development from start to finish? Check out our learning guide: Learn WordPress Development.
1.Introduction
1.1Introduction00:48
1.1
Introduction
00:48
1.2Why Create Blocks Without JavaScript?03:25
1.2
Why Create Blocks Without JavaScript?
03:25
2.Registering a Block
2.1Setting Up the ACF Plugin04:43
2.1
Setting Up the ACF Plugin
04:43
2.2Registering a Gutenberg Block With the ACF API06:17
2.2
Registering a Gutenberg Block With the ACF API
06:17
3.Adding Fields to the Block
3.1Creating a Field Group and Adding Fields04:16
3.1
Creating a Field Group and Adding Fields
04:16
3.2Adding Block Settings03:49
3.2
Adding Block Settings
03:49
4.Outputting the Block
4.1Setting Up the Block Class and Values08:17
4.1
Setting Up the Block Class and Values
08:17
4.2Writing the HTML06:14
4.2
Writing the HTML
06:14
4.3Adding the Block to a Post or Page10:49
4.3
Adding the Block to a Post or Page
10:49
5.Conclusion
5.1Conclusion02:16
5.1
Conclusion
02:16
