• Skip to primary navigation
  • Skip to main content
Sal Ferrarello
  • About Sal Ferrarello
  • Speaking
  • Connect
    Twitter GitHub
You are here: Home / Archives for Gutenberg

Gutenberg

Enable, Read, and Write Post Meta in WordPress Gutenberg

Last updated on January 13, 2021 by Sal Ferrarello

The WordPress block editor (a.k.a. Gutenberg) communicates with the database via the WordPress REST API. We can read and write post meta from within the Gutenberg editor after we enable the specific post meta field in the WordPress REST API.

Warning! This is a draft, not a finalized post. See full draft disclosure.

Filed Under: Dev Tips, Draft, Programming Tagged With: Gutenberg, WordPress, WordPress Post Meta

Add Gutenberg JavaScript Filter

Last updated on May 18, 2020 by Sal Ferrarello

WordPress PHP filters allow you make a value modifiable from outside of your code. With the WordPress Block Editor (a.k.a. Gutenberg), you can now do the same thing in JavaScript.

Filed Under: Dev Tips, Programming, Solution Tagged With: Gutenberg, JavaScript, WordPress, WordPress Filter

WordPress Gutenberg import versus Destructuring Global wp

Last updated on April 24, 2020 by Sal Ferrarello

When creating a block for the WordPress block editor (a.k.a. Gutenberg), you are often using existing components. WordPress makes these components available under the global JavaScript variable ‘wp’ as well as available as npm packages. Which is the better way to make a component available in your code?

Warning! This is a draft, not a finalized post. See full draft disclosure.

Filed Under: Draft, Programming Tagged With: Gutenberg, JavaScript, WordPress

WordPress Gutenberg Functional Component useState

Last updated on March 30, 2020 by Sal Ferrarello

When creating a block for the WordPress block editor (a.k.a. Gutenberg), I find that most of the documentation is for class components. However, with React hooks we can use functional components. When you need to import ‘useState’ from React, you can do it as follows in a WordPress block.

Filed Under: Dev Tips, Programming, Solution Tagged With: Gutenberg, WordPress

Gutenberg JS

Last updated on May 5, 2020 by Sal Ferrarello

My notes on JavaScript available methods in Gutenberg.

Warning! This is a draft, not a finalized post. See full draft disclosure.

Filed Under: Dev Tips, Draft Tagged With: Gutenberg, JavaScript

How the WordPress Block Based Editor Stores Blocks

Last updated on June 18, 2018 by Sal Ferrarello

Traditionally, when working with values in WordPress they would be stored in post meta. Now with the new upcoming WordPress editing experience (Gutenberg), these values are often stored right in the content. These are some of my notes on how they are stored.

Warning! This is a draft, not a finalized post. See full draft disclosure.

Filed Under: Dev Tips, Draft, Programming Tagged With: Gutenberg, WordPress

The inner workings of a machine with gears.

Define Gutenberg Attributes in PHP

Last updated on August 10, 2018 by Sal Ferrarello

In WordPress 5.0, the editing experience will be changing dramatically. I’ve written information for my clients about this change in Prepare for WordPress 5.0 (Gutenberg). With the editor moving from one general purpose editor field to a series of special purpose blocks, there will be a need for creating custom blocks. In another post, I’ve […]

Warning! This is a draft, not a finalized post. See full draft disclosure.

Filed Under: Draft, Programming Tagged With: Gutenberg, WordPress

Picture of Right Turn Lane Labeled "Turn Left".

Gutenberg and the Classic Editor Plugin

Last updated on December 6, 2018 by Sal Ferrarello

With the newly released WordPress 5.0, which includes the new block-based Gutenberg editing experience, many people are installing the Classic Editor plugin to retain the previous behavior. The Classic Editor plugin is the official solution being prescribed for these situations. No problem, install the Classic Editor plugin and 5.0 will be indistinguishable from 4.9.8 for […]

Filed Under: Dev Tips, Recommendations, Solution Tagged With: Gutenberg, WordPress

Assortment of letters from a printing press.

WordPress Custom Editor Block

Last updated on May 29, 2018 by Sal Ferrarello

With WordPress 5.0 a new block-based editing experience will be introduced (a.k.a. Gutenberg). This new editing experience is available via the Gutenberg plugin. By adding this plugin to your (development) WordPress website, you can preview the new editing experience. At the time of this writing, Gutenberg is still under-development so I recommend only installing it […]

Filed Under: Computing, Dev Tips, Programming Tagged With: Gutenberg, WordPress

Copyright © 2021 · Bootstrap4 Genesis on Genesis Framework · WordPress · Log in