Category: Gutenberg

  • Exploring WordPress as a design tool

    ·

    Updated Dec 5, 2022
    Exploring WordPress as a design tool

    Last week I challenged myself to take one pattern, from one theme, and morph it multiple times — only using the design controls block editor. It’s kind of like CSS Zen Garden, but without CSS — just out-of-the-box WordPress block design tooling.  One theme. One pattern. Seven ways. No additional blocks, nor custom CSS between scenes — just designing […]

  • How to simplify WordPress patterns with content-only block editing 

    As WordPress blocks — and therefore patterns — continue to expand in scope, the need for a simplified editing experience is more present than ever. Sure, the new tooling is empowering — like fluid typography, new spacing controls, element hover color support, outer padding, layout options, etc — but it’s also quite a lot to […]

  • 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 Aug 29, 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 — […]