In WordPress 5.5, the block editor introduces a new concept called block patterns. The goal is to allow users to build and share predefined block layouts, ready to insert and tweak more easily. You…

Let's start this new adventure and learn how to build custom Gutenberg Blocks. Let me know in the comments below if you wish to build a specific block type. ...

Today, Jeffrey Carandang released WP Block Builder, an npm script for developers to begin building WordPress blocks. It is just one of many such scripts in a sea of block scaffolding tools, but Car…

WordPress block development can be daunting. Read this blog post for a step-by-step guide on using this scaffolding tool to help.

The Block Editor project for WordPress and beyond. Plugin is available from the official repository. - WordPress/gutenberg

Add Custom Palette to WordPress Block Editor. GitHub Gist: instantly share code, notes, and snippets.

Build block patterns from the WordPress admin. Contribute to justintadlock/block-pattern-builder development by creating an account on GitHub.

Book sales section from a custom theme. It was about a year ago. I was happily designing a theme for aspiring novelists. I wanted to get ahead of the competition and market a theme specifically to …

Display beautiful syntax-highlighted code snippets with Prism.js or Highlight.js

With some careful planning, I think we could safely introduce block dependencies into themes. Here's what I'm thinking.

Let’s dive in and learn the very basics of building fantastic Gutenberg blocks. We’ll explore the foundations of the block development, setting up a local block development environment, proper user experience techniques within blocks, and how to get involved with the Gutenberg design and technical community. While we won’t go super technical, you’ll leave the session with a clearer understanding of how to design and build Gutenberg blocks.

Wordpress check if block is used first. GitHub Gist: instantly share code, notes, and snippets.

Description As proposed in #16866, this adds a new function registerBlockCollection( namespace, title, icon = {} ); This enables blocks to be added to both collections and categories, ensuring that...

Experimenting with themes made out of blocks. Contribute to WordPress/theme-experiments development by creating an account on GitHub.

Since the launch of new WordPress Gutenberg block editor, there have been a lot of blocks plugin added on the plugin directory. Most of these Gutenberg blocks plugins provide several collection of useful blocks that you can integrate easily on your website. The huge question is which of these plugins…

In a pull request on the Gutenberg repository yesterday, Riad Benguella created an initial document that outlines how block-based WordPress themes might work. While the document is merely a startin…

A detailed walkthrough of how I develop custom WordPress themes, including custom blocks, archive pages, and modular templates.

Registers a container block with the block editor. It has settings for tag (div, section, etc), ID, classname, and inline style.

Wrap Custom HTML WordPress blocks in a div wrapper · GitHub

Before WordPress 5.0 arrived I came across a few premium WordPress themes already advertising that they were ‘Gutenberg-ready’ or ‘Gutenberg-compatible’. Huh. But how could a theme not be compatible with… Read more

The future is Gutenberg and it is coming. Will you be ready? Gutenberg is a whole new editing experience for WordPress. If you are a WordPress developer you will not want to miss this talk where we…

In the previous post, we learned all about block style variations and how they're used in the brand new WordPress 5.0 editor to switch between predefined styles easily.We'll take things a little...

The Gutenberg Component Autocomplete is an interesting one. You can use it to show a list of posts to choose from or any other list possible. In this tutorial we are going to learn the options for it and how […]

Before we start building new blocks for the Gutenberg editor we need to know how to properly enqueue scripts and styles. Thankfully WordPress makes this easy with two new hooks.

Welcome back to our series on creating custom blocks with the WordPress Gutenberg Block API. This tutorial is all about extending the random image block we created in the previous post. We got as...

Here we create a block that builds off what we've learned in parts 1. We want to create a Wordpress Gutenberg block that can be rich text editable by content editors.

Twenty Nineteen is the brand new WordPress 5.0 default theme and it's all about Gutenberg. Check out what's new in theme development with Gutenberg.