Udemy

Building Gutenberg Blocks in WordPress. No JS required!

Enroll Now
  • 197 Students
  • Updated 12/2022
4.7
(34 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
2 Hour(s) 33 Minute(s)
Language
English
Taught by
John Hawkins
Rating
4.7
(34 Ratings)
2 views

Course Overview

Building Gutenberg Blocks in WordPress. No JS required!

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

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!

Course Content

  • 3 section(s)
  • 15 lecture(s)
  • Section 1 Introduction
  • Section 2 Building Blocks
  • Section 3 Wrapping Up

What You’ll 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

Reviews

  • V
    Vince Mendella
    5.0

    I am working on a project right now (2024) and this course hits the spot. A few things I have to figure out but this works great. Thanks for making the course.

  • B
    Bob
    4.0

    Good overall course. Could have been a little bit more finished in terms of editing, but nothing to problematic.

  • E
    E David Man
    5.0

    Nice one, thanks

  • C
    Carsten Altena
    4.0

    Great course to get your feet wet with using ACF + Gutenberg Blocks.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed