Gutenberg

“This session begins with three separate case studies – from Bill Erickson, Ellen Bauer, and Beth Soderberg – to help you prepare themes for Gutenberg and concludes in a tremendous panel disc…

A Gutenberg container block to let you align items consistently across a global grid.

Start creating block-tastic content with the new WordPress block editor! This online course teaches you everything you should know about the block editor.

Gutenberg has the potential to be an extremely powerful site building tool. Each release brings it closer and closer to full site editing. Imagine being able to rearrange your header, add a sidebar, or combine different layouts inside your footer without needing to rely on your theme to provide multiple options. Part of this new …

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 …

Explore how Gutenberg block patterns will level-up the WordPress site building experience.

WordPress 5.4 lets your theme use gradients as backgrounds in Cover and Buttons blocks, courtesy of some new theme APIs. You’ll notice they parallel the approaches of the colors and fonts API…

Screenshot courtesy of the Elementor plugin. As Elementor, the most-used WordPress page builder, celebrated its first round of funding at $15 million, some of our readers questioned whether this wa…

An essay about my dives into creating systems that help build and control sites from a global vantage point. My aim is not to empower users with freedom and choice, but to liberate them from such false freedom and choices.

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

Add a Flip Countdown Timer for your WordPress block editor(Gutenberg).

Guten Post Layout Pro is a WordPress plugin designed and built for WordPress users to showcase and arrange blog posts and other custom posts on your website

Create post grids, post sliders, masonry style from any default posts or custom post types in WordPress new Block Editor AKA Gutenberg editor | WordPr …

A widget to display posts with thumbnails in various layouts. Fits nicely in any widget area size.

Visit the post for more.

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

Gutenberg is expected to ship in WordPress 5.0. The release dates for WordPress 5.0 has been announced officially. If you are a WordPress user and have WordPress websites you should start exploring Gutenberg today. Even though you will be able to disable Gutenberg with a plugin, but that won’t benefit you in the long run. …

If your site is hosted on WordPress.com and you are trying out the new Gutenberg editor, there are currently 24 themes with full Gutenberg support available and more on the way. In response to ques…

Should we call it quits and forget about it? Should we focus on more "visible" endeavors that would satisfy more immediate needs? Should we just ignore all this complexity, and push right ahead hopeful of some epiphany?

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.

Gutenberg theme for WordPress. Contribute to melchoyce/johannes development by creating an account on GitHub.

Convert classic content to blocks. An extremely useful tool when upgrading to the WordPress 5+ Gutenberg editor.

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...

This post outlines the steps I took to create a block-based theme version of Twenty Twenty. Thanks to Kjell Reigstad for helping develop the theme and write this post. There’s been a lot of convers…