Early this year, one of our consumer packaged goods (CPG) clients came to us needing a new custom Gutenberg block. They were in the process of creating a new marketing campaign landing page and wanted to feature recipes by collection. This functionality...
Read More We Built a Custom Gutenberg Block for a CPG ClientSearch Results for: gutenberg
Didn't find what you were looking for? Try another search!
Adding Custom Notices for the Gutenberg Editor
WordPress admin notices have changed and the good old PHP-based hooks no longer work for Gutenberg. This post covers the easy way to add admin notices when a post gets added or updated.
Read More Adding Custom Notices for the Gutenberg EditorGutenberg Plugins That Make You a Power User
Finding the right plugin for your needs is hard. In this blog post, we have curated a list of plugins and resources to improve your block editor experience. These plugins are sorted in the order of block patterns, blocks, block-based themes, or...
Read More Gutenberg Plugins That Make You a Power UserQuick Tip: Gutenberg Blocks as JSON
Big Ugly Blobs When WordPress saves Gutenberg blocks to the database, it smashes them together as a string of markup. When you query that via the REST-API or WPGraphQL? You get this big ugly blob of HTML: The screenshot above isn’t that...
Read More Quick Tip: Gutenberg Blocks as JSONGutenberg First
When Matt Mullenweg said to, “…learn JavaScript, deeply,” in December 2015 (almost five years ago, wow!), he was laying the foundation for the WordPress Block Editor, Gutenberg, which is being built in four phases: Easier Editing — Already available in WordPress, with...
Read More Gutenberg FirstHow to Enable Frontend Editing with Gutenberg Blocks (Part 2)
Welcome back! In Part 1, we covered preparing our block for frontend editing by implementing unique block identifiers, rendering the block dynamically, and establishing a frontend component. Now, we’ll dive into the WordPress REST API to set up a custom route and...
Read More How to Enable Frontend Editing with Gutenberg Blocks (Part 2)How to Enable Frontend Editing with Gutenberg Blocks (Part 1)
The WordPress Block Editor (aka Gutenberg), despite all the bumps along the way, has completely changed how we write pages and posts. Instead of a text document, we now have access to an interactive page builder of sorts while editing content, at...
Read More How to Enable Frontend Editing with Gutenberg Blocks (Part 1)Spice Up Your WordPress Site with These Built-In Gutenberg Content Block Recipes
Goal The goal of this blog post is to dive into the existing Gutenberg content blocks and document some useful examples for all skill levels. Let’s see what’s possible by simply configuring existing blocks to make clean, quick, functional layouts and spicing...
Read More Spice Up Your WordPress Site with These Built-In Gutenberg Content Block RecipesGutenberg Filters: registerBlockStyle
One of my favorite ways to customize a Gutenberg block is by utilizing registerBlockStyle. It’s a simple Gutenberg filter that can improve styling in the editor or frontend by adding a class name when the Block Style is selected. Not only is...
Read More Gutenberg Filters: registerBlockStyle