Lessons:10Length:51 minutes
Next lesson playing in 5 seconds
CancelFree Preview: Create Gutenberg Blocks Without Writing JavaScript
Introduction
00:48
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.Introduction2 lessons, 04:13
2 lessons, 04:13
Free Lesson 1.1Introduction00:48
Free Lesson
1.1
Introduction
00:48
Free Lesson 1.2Why Create Blocks Without JavaScript?03:25
Free Lesson
1.2
Why Create Blocks Without JavaScript?
03:25
2.Registering a Block2 lessons, 11:00
2 lessons, 11:00
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 Block2 lessons, 08:05
2 lessons, 08:05
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 Block3 lessons, 25:20
3 lessons, 25:20
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.Conclusion1 lesson, 02:16
1 lesson, 02:16
5.1Conclusion02:16
5.1
Conclusion
02:16
Subscribe to watch full course
Subscribe to watch full course