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 JSONTag: Gutenberg
Marching 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: registerBlockStyleIntegrating Advanced Custom Fields + Gutenberg Into wd_s
With version 5.8 of Advanced Custom Fields (ACF), a new way to build Gutenberg blocks was introduced. The mission statement of ACF with this pivotal update was to: …radically change the perception of block development in Gutenberg by reducing learning time, hurdles,...
Read More Integrating Advanced Custom Fields + Gutenberg Into wd_s