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 Will Make You a Power UserTag: Gutenberg
Quick 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 JSONMarching Our Way to Five for the Future
We are marching our way to Five for the Future (5FTF), a WordPress initiative designed to encourage WordPress agencies and entrepreneurs to donate 5% of company time to the platform and community. What better way to spring into a new season than...
Read More Marching Our Way to Five for the FutureTop Blog Posts from 2020
The pandemic confined us to our homes for work, school, and entertainment, causing a 40% increase of internet usage. It’s no wonder that we at WebDevStudios (WDS) found more and more readers browsing our blog. After analyzing our internal data, we discovered...
Read More Top Blog Posts from 2020WordPress Blocks Backwards Compatibility
When I narrowed my development career focus from the PHP world at large to WordPress land, one of the things I enjoyed was WordPress’ commitment to backwards compatibility. As my fellow Minnesota coworker and pragmatist, Richard Aber, would say, new features are...
Read More WordPress Blocks Backwards CompatibilityGutenberg 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)Gutenberg 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