Building Gutenberg Blocks In Wordpress. No Js Required!

0

1

2

3

4

5

Posted on 10 Dec 03:34 | by mitsumi | 11 views

Published 12/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 1005.57 MB | Duration: 2h 34m

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

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
Requirements
You'll learn what you need during the course, but some prior PHP and WordPress development experience will be helpful. You'll also need a license for Advanced Custom Fields Pro.
Description
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 jаvascript 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 jаvascript, 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 jаvascript. 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!
Overview
Section 1: Introduction
Lecture 1 Introduction
Section 2: Building Blocks
Lecture 2 Requirements / Local Setup
Lecture 3 Creating Your First Block
Lecture 4 Adding Basic Styles
Lecture 5 Adding Default Style Options
Lecture 6 Using A Theme's Default Colors
Lecture 7 Creating An ACF Field Group
Lecture 8 Cloned Field Groups
Lecture 9 Render ACF Fields In Your Block
Lecture 10 Adding Images To Blocks
Lecture 11 Using Repeater Fields In Your Blocks
Lecture 12 Customizing The Block Icon
Lecture 13 Block Categories
Lecture 14 Inner Blocks
Section 3: Wrapping Up
Lecture 15 In closing
Beginner to intermediate WordPress developers who want to build blocks easily.