Category: Blocks

  • All my blocks are now available on Github

    ·

    Updated Jun 23, 2022
    All my blocks are now available on Github

    It’s long overdue, but I’ve recently set up a richtabor/blocks repository on Github that links to the source code for the WordPress blocks that I currently have published — including a few that are yet to be available on WordPress.org. Every single block I’ve added, I built out of a need of my own. I wanted […]

  • How to add a WordPress Publishing Checklist to Posts within Gutenberg

    Do you publish online? If so, this one is for you. I’ll show you how I created a publishing checklist that is automatically added to the top of every post I draft, to ensure I follow my publishing workflow. This way, before I hit that ominous blue publish button, I know if each publishing task […]

  • Manage WordPress publishing tasks with the Todo List Block

    I’m currently full on in the process of building a full site editing Block Theme to replace my blog’s current theme, Tabor. While diving into this project I’ve explored a few areas where I can improve my personal publishing flow. The first was bringing editor comments into Gutenberg with my Markdown Comment block, and today I am releasing a […]

  • How to add and remove Gutenberg block styles with Javascript

    Extending the editor with block styles is a quick way to add, or remove, styling defaults to any Gutenberg block. Among adding block patterns and variations, block styles are a clever way to standardize creative elements of a site running on Gutenberg. I suspect that in time, block styles will become a core component of […]

  • How to Build & Publish Gutenberg Block Plugins to the Block Directory

    I know I’ve said this before, but building Gutenberg blocks has honestly never been easier. Better tools, more detailed documentation, and clearer examples are finally here – paving the way for developers to quickly dive into the art of block building, and in particular, building block plugins.  So what’s the big deal about block plugins? […]

  • A Primer on Block Plugins for the WordPress Block Directory

    While I’ve long been a fan of block collections, most notably with CoBlocks, I do see immense value in block plugins for use within the WordPress Block Directory. Quickly searching for and installing a block right from within the Block Library is quite a clever and empowering experience — one that I believe will eventually […]

  • 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 Build Patterns for the WordPress Block Editor

    ·

    Updated Jun 23, 2022
    How to Build Patterns for the WordPress Block Editor

    If you’re a theme or plugin developer in the page building ecosystem, now is a better time than ever to start capitalizing on arguably the most exciting addition to Gutenberg, since Gutenberg: Block Patterns. Let’s dive in and discover how to leverage the new Block Patterns API and build beautiful patterns.

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