Tag: Gutenberg

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

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

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

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

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

Why WebDevStudios Still Loves Page Builders

What better day than Valentine’s Day for WebDevStudios (WDS) to express our love for WordPress Page Builders? Don’t get it us wrong. We are on board with Gutenberg and look forward to its continued development. We set up Gutenberg’s Block Editor for...

Advanced Custom Fields and Gutenberg

WordPress 5.0 ships with a new editor called Gutenberg. Here at WebDevStudios, we’re excited to build custom editorial solutions using Gutenberg and to see how the experience evolves from the classic editor. With that said, we’re huge fans of Advanced Custom Fields (ACF)....

Beaver Builder vs Gutenberg: A Case Study

Here at WebDevStudios (WDS), we work on all kinds of projects that use all kinds of base themes and tools. Our internal theme, wd_s, uses Advanced Custom Fields (ACF) in a really cool way that makes it work like a page builder....

Ready for Gutenberg and WordPress 5.0? Tips from WebDevStudios

Change is inevitable, especially when it comes to technology. What’s also inevitable are the complaints, groans, and fears that seem to always accompany any change. Since Gutenberg was first announced, WebDevStudios (WDS) has been preparing for this change, one that we see...