Building Gutenberg Blocks in WordPress. No JS required!

Using Advanced Custom Fields, you can build custom blocks no matter your skill level

4.70 (26 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Building Gutenberg Blocks in WordPress. No JS required!
140
students
2.5 hours
content
Dec 2022
last update
$54.99
regular price

What you will learn

Build custom Gutenberg blocks

Build blocks into a plugin for use on multiple sites

Add custom fields to blocks using Advanced Custom Fields Pro

Use several of the Advanced Custom Fields field types to build dynamic blocks

Why take this course?

The Gutenberg editor in WordPress is an absolute game changer. For users, it provides them an easy way to build out the content on their site in new and exciting ways. And, for developers, it's a powerful tool that can be used to provide clients custom blocks to match their every need.


I don't know about you, but JavaScript is still outside of my comfort zone. So, when WordPress made the switch to the block editor (formerly called Gutenberg), I was really concerned about how it would limit my ability to build the things I need to build for myself and for my clients. But, once I found a way to build custom blocks without the need for JavaScript, I was very excited!

In this course, I'll walk you through the process of building custom blocks in WordPress without writing a single line of JavaScript.

The course will cover:

- What you need for local development

- Creating your first block

- Styling your blocks

- Adding custom fields to your blocks

- Rendering your blocks

- Building blocks with images

- Adding repeater fields to your blocks

- Customizations to make your blocks stand out

- How to add inner blocks to your blocks.

If you've struggled in the past to build Gutenberg blocks in WordPress, jump into this course and you'll be building blocks in no time!

Screenshots

Building Gutenberg Blocks in WordPress. No JS required! - Screenshot_01Building Gutenberg Blocks in WordPress. No JS required! - Screenshot_02Building Gutenberg Blocks in WordPress. No JS required! - Screenshot_03Building Gutenberg Blocks in WordPress. No JS required! - Screenshot_04

Reviews

Scott
January 30, 2023
Great introduction to using Advanced Custom Fields to create custom blocks for the WordPress block editor. If you are intimidated at the prospect of learning React and using the default WordPress developer workflow but want a quick way to create your own custom blocks, this would be a great course for you.
Ignacio
December 30, 2022
The course is very good and interesting. I would add subtitles to each video. Also, new sections with more advanced blocks, for example how to make a slider.
Kevin
December 9, 2022
Good content covering how to create blocks for the block editor using ACF. I enjoyed the teaching style and step-by-step instructions. I'd like to see some more updates covering how ACF blocks can use more native settings from the block editor, such as the color palette/picker, theme.json etc. I know it's still evolving, but adding another section in the future that goes a little deeper would be awesome.

Charts

Price

Building Gutenberg Blocks in WordPress. No JS required! - Price chart

Rating

Building Gutenberg Blocks in WordPress. No JS required! - Ratings chart

Enrollment distribution

Building Gutenberg Blocks in WordPress. No JS required! - Distribution chart
4962150
udemy ID
11/4/2022
course created date
5/4/2023
course indexed date
Bot
course submited by