Building Gutenberg Blocks in WordPress. No JS required!

Building Gutenberg Blocks in WordPress. No JS required!, available at $54.99, has an average rating of 4.7, with 15 lectures, based on 27 reviews, and has 162 subscribers.

You will learn about 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 This course is ideal for individuals who are Beginner to intermediate WordPress developers who want to build blocks easily. It is particularly useful for Beginner to intermediate WordPress developers who want to build blocks easily.

Enroll now: Building Gutenberg Blocks in WordPress. No JS required!

Summary

Title: Building Gutenberg Blocks in WordPress. No JS required!

Price: $54.99

Average Rating: 4.7

Number of Lectures: 15

Number of Published Lectures: 15

Number of Curriculum Items: 15

Number of Published Curriculum Objects: 15

Original Price: $39.99

Quality Status: approved

Status: Live

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

Who Should Attend

Beginner to intermediate WordPress developers who want to build blocks easily.

Target Audiences

Beginner to intermediate WordPress developers who want to build blocks easily.

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 Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Building Blocks

Lecture 1: Requirements / Local Setup

Lecture 2: Creating Your First Block

Lecture 3: Adding Basic Styles

Lecture 4: Adding Default Style Options

Lecture 5: Using A Theme's Default Colors

Lecture 6: Creating An ACF Field Group

Lecture 7: Cloned Field Groups

Lecture 8: Render ACF Fields In Your Block

Lecture 9: Adding Images To Blocks

Lecture 10: Using Repeater Fields In Your Blocks

Lecture 11: Customizing The Block Icon

Lecture 12: Block Categories

Lecture 13: Inner Blocks

Chapter 3: Wrapping Up

Lecture 1: In closing

Instructors

John Hawkins
WordPress Developer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 1 votes
4 stars: 7 votes
5 stars: 19 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu