Title

Building Gutenberg Blocks in WordPress. No JS required!

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

4.73 (33 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Building Gutenberg Blocks in WordPress. No JS required!
186
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?


Master Building Gutenberg Blocks with Advanced Custom Fields – No JavaScript Required! 🚀

Are you ready to unlock the full potential of the WordPress Gutenberg Editor without sweating over a single line of JavaScript? 🛑✨ John Hawkins is here to guide you through a step-by-step journey to create custom, stunning Gutenberg blocks using nothing but Advanced Custom Fields (ACF), tailored for all skill levels!


Why This Course? 🤔

The Gutenberg editor has transformed the way we think about content creation in WordPress. It's designed to make building and designing content as intuitive as possible, but what about when you need to take it a step further? As a developer or site owner, providing clients with custom blocks that perfectly match their needs is where ACF shines!


Course Highlights 🌟

  • Local Development Setup: Learn how to prepare your development environment for building custom blocks.
  • Creating Your First Block: Dive into the world of block creation with ease.
  • Styling Your Blocks: Make your blocks visually appealing and responsive.
  • Advanced Custom Fields: Harness the power of ACF to add dynamic content to your blocks.
  • Rendering Your Blocks: Understand how to display your custom blocks on the front end.
  • Building Image-Rich Blocks: Create blocks that can handle images and media with simplicity.
  • Repeater Fields: Add flexibility to your designs with repeatable content sections.
  • Unique Customizations: Learn tips and tricks to make your blocks truly unique.
  • Inner Blocks: Discover how to include nested blocks within your custom creations.

Course Breakdown 📚

1. Local Development Essentials:

  • Setting up a local server environment for development.
  • Installing necessary plugins and tools.

2. Your First Custom Block:

  • Understanding the block structure and PHP fundamentals.
  • Registering your first custom block with ACF.

3. Styling Your Masterpiece:

  • Applying CSS to style your block from top to bottom.
  • Ensuring your design is responsive across all devices.

4. Advanced Custom Fields Integration:

  • Utilizing ACF to add dynamic content fields.
  • Creating repeater fields within your blocks for complex layouts.

5. Rendering Your Blocks in the Editor and Front End:

  • Using acf/load_value to render custom fields.
  • Displaying your blocks in both the Gutenberg editor and on the live site.

6. Crafting Image-Centric Blocks:

  • Handling image uploads within your block.
  • Styling images for a visually compelling look.

7. Advanced Customizations:

  • Adding conditional logic to enhance block functionality.
  • Incorporating best practices for coding efficiency and maintainability.

8. Nested Blocks (Inner Blocks):

  • How to add inner blocks within your custom block to create complex layouts.
  • Managing nested block relationships and data.

Who Should Take This Course? 👩‍💻👨‍💼

  • WordPress Users: If you've ever wanted to extend the functionality of your WordPress site without touching JavaScript, this is for you!
  • Site Owners and Entrepreneurs: Elevate your own or your clients' websites with bespoke blocks tailored to their needs.
  • Developers New to Gutenberg: Learn how to leverage ACF to create dynamic, custom blocks for WordPress.
  • Front-End Designers: Design beautiful blocks that work seamlessly within the Gutenberg ecosystem.

Ready to Build Beyond the Basics? 🌐

If you've hit a roadblock while trying to create Gutenberg blocks or if you're simply looking to expand your skill set, this course is your gateway to building with confidence using ACF. Enroll now and start creating custom blocks that will make your WordPress site stand out! 🌟🛠️


Building Gutenberg Blocks in WordPress with ACF: No JavaScript Required! Your journey towards a more dynamic and customizable WordPress experience begins here. Join us and transform the way you build for WordPress today! 🚀🎉

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

Our review

🌟 Course Review: Introduction to Custom Blocks with Advanced Custom Fields (ACF) 🌟

Overview: This course serves as an excellent introduction for those looking to create custom blocks for the WordPress block editor using Advanced Custom Fields (ACF). It is particularly beneficial for users who are new to React or prefer a simpler approach to building custom blocks without delving into the complexities of the full WordPress developer workflow.

Pros:

  • Accessibility: The course is designed for individuals who may be intimidated by the idea of learning React from scratch, offering a more accessible entry point to creating custom blocks.
  • Practical Content: It provides comprehensive content that covers the creation of ACF blocks and includes clear, step-by-step instructions and teaching styles that are easy to follow.
  • Immediate Application: Users working on current projects or looking to expand their WordPress site's functionality will find the course directly applicable to their tasks.
  • Usefulness for Beginners: It's perfect for beginners who want to quickly create custom blocks without a deep dive into React and the complex developer workflow.
  • Supportive Community Feedback: The feedback from recent reviews suggests that the course is well-regarded by learners, with recommendations for additional content like subtitles and more advanced block creation techniques.
  • Forward-Thinking Updates: The course is recognized as a living resource, with mentions of wanting to see more updates that integrate newer features of the block editor, such as using native settings from the block editor (e.g., color palette/picker, theme.json).

Cons:

  • Room for Editing Improvements: Some users have noted that the course could benefit from improved editing to make the content even more polished and easier to digest.
  • Desire for Additional Advanced Topics: A few learners have expressed a desire for more advanced sections, including how to create complex blocks like sliders and integrating with newer block editor settings.

Course Rating: 4.80/5.00 The global course rating, based on all recent reviews, is exceptionally high, reflecting the positive reception among learners who have taken the course. The feedback indicates that the course is both valuable and beneficial for those looking to enhance their WordPress block editor capabilities using ACF.

Summary: Overall, this course is a strong recommendation for anyone looking to dive into custom blocks with ACF without the need for extensive React knowledge or delving into the full scope of WordPress development. With a few areas identified for enhancement, the course stands out as a valuable resource that will continue to be relevant with potential updates addressing the advanced features of the block editor.

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
04/11/2022
course created date
04/05/2023
course indexed date
Bot
course submited by