Category: Gutenberg

  • Add Markdown Comments to WordPress Posts with my new Block

    Hey, so I made a new block plugin for adding markdown comments that only display while editing a post with Gutenberg.  Last week, while editing an upcoming article all about block plugins and the WordPress block directory, I wanted to add persistent notes and reminders within my post content – but didn’t find a proper […]

  • Improving Gutenberg Block Styles and Transforms, a Proposal

    There’s no doubt that Gutenberg block styles and transforms are quite interesting and fun. I like that you may change the look and feel of a block with a click or two. And on the engineering side, it’s remarkably easy to extend any block with both styles and transforms. However, what I’m not particularly fond […]

  • How to Add Beautiful Gradient Presets to the Block Editor

    ·

    Updated Feb 18, 2022
    How to Add Beautiful Gradient Presets to the Block Editor

    Love ‘em or hate ‘em, gradients are here to stay. Especially now, as the WordPress block editor has a default mechanism to apply gradient styles throughout the editing experience. Out of the box, I don’t find the default gradient application experience particularly meaningful, as these presets are an assortment of trendy gradient styles presets. But […]

  • Introducing the Iceberg Markdown Block Editor

    ·

    Updated Feb 18, 2022
    Introducing the Iceberg Markdown Block Editor

    I’d like to finally share with you a project I’ve been working on to make writing in WordPress fun again. Introducing Iceberg.

  • Using Gutenberg Block Variations in the WordPress Block Editor

    Block variations, a new method to extending the WordPress block editor, recently landed in WordPress 5.4. The newly introduced Block Variations API provides alternate configurations of a block that are selectable when a block is first added to a page. Now block variations can be big deal, if properly adopted.

  • WP Block Talk 2020

    ·

    Updated Feb 18, 2022
    WP Block Talk 2020

    Here are my slides from my session for the virtual WPBlockTalk event where I review how to extend the block editor in a number of fashions – from both the plugin, and the theme side of things.

  • Explore a website’s Gutenberg blocks with Detective Wapuu

    Ever glanced at a website and wondered if it was built with Gutenberg blocks? If so, you’re in luck. Nick Hamze, a prolific block builder connoisseur, has launched a new Chrome extension aimed at helping folks detect what blocks are being used on a website. And it’s just about as ingenious as it’s name: Detective […]

  • Gutenberg Patterns: The Future of Page Building in WordPress

    While the block editor absolutely leveled-up the WordPress publishing experience, building beautiful web pages is still quite a challenge. It’s like we’re handing folks the International Space Station LEGO set — without any sort of help to build it. Sure, the cleverest master builders will likely figure it out, but what about everyone else — […]

  • How to Conditionally Load JavaScript for Gutenberg Blocks

    ·

    Updated Feb 18, 2022
    How to Conditionally Load JavaScript for Gutenberg Blocks

    WordPress 5.0 introduced a number of new block-related functions which super-charge developers with new tools to leverage the new Gutenberg WordPress block editor. Let’s take a look at one of those neat functions.

  • Introducing Block Gallery, a Suite of Beautiful Photo Gallery Blocks

    It’s no secret that I’m a huge proponent of Gutenberg, the new block editor to be released next month in WordPress 5.0. Ever since WordCamp US last year, I’ve been deep into all things Gutenberg, wrapping my head around block development and working on supporting the new editor in all my themes.