Rich Tabor

  • Using a Fluid Type Scale in WordPress Block Themes with Theme.json

    ·

    Updated Feb 18, 2022
    Using a Fluid Type Scale in WordPress Block Themes with Theme.json

    I’m a big fan of the CSS clamp() function and how it allows for behavior previously only possible with media queries. The clamp() function takes three parameters: a minimum value, a preferred value, and a maximum allowed value — resulting in a value between each of those. And while clamp() may be used in a […]

  • Standardizing Theme.json Color Slugs in WordPress Block Themes

    ·

    Updated Dec 5, 2022
    Standardizing Theme.json Color Slugs in WordPress Block Themes

    EDIT: I’ve updated this post to replace background and foreground color slugs, with base and contrast respectfully — as these are the color slugs recommended moving forward. This is part one, of three, in a series on standardizing how we build this next generation of WordPress block themes to accompany the Full Site Editing effort. […]

  • Standardizing Theme.json Font Sizes in WordPress Block Themes

    ·

    Updated Nov 28, 2022
    Standardizing Theme.json Font Sizes in WordPress Block Themes

    This is part two, of three, in a series on standardizing how we build this next generation of WordPress block themes to accompany the Full Site Editing effort.

  • Standardizing Theme.json Site Spacing in WordPress Block Themes

    ·

    Updated Nov 28, 2022
    Standardizing Theme.json Site Spacing in WordPress Block Themes

    EDIT: I’ve updated this post to use the new spacing preset values provided in WordPress 6.1. This is part three, of three, in a series on standardizing how we build this next generation of WordPress block themes to accompany the Full Site Editing effort.

  • Style groups of blocks in one click with colorways

    ·

    Updated Dec 7, 2022
    Style groups of blocks in one click with colorways

    Consistency. That’s the name of the game when it comes to designing a website. And having a way to design, and apply, like-styling to whole sets of blocks is a huge step towards publishing pages with consistency and speed. So I explored an idea I’m calling Colorways — a “simple mode” for stylizing page content.

  • How to add Fluid Typography to WordPress Block Themes

    ·

    Updated Nov 9, 2022
    How to add Fluid Typography to WordPress Block Themes

    Last year I shared a piece on fluid typography, in particular on adopting a fluid type scale within WordPress block themes, using the CSS clamp() function. The method I experimented with is interesting in that it uses a type scale, then calculates the fluid type values for each font size within the theme’s theme.json file. While a bit […]

  • How to add style variations to WordPress Block Themes

    ·

    Updated Sep 2, 2022
    How to add style variations to WordPress Block Themes

    What are style variations? Style variations are a new feature of block themes, recently landing in WordPress 6.0. They’re just one part of the new era of WordPress theming that we’re looking at, with the introduction of Full Site Editing.

  • A new era of WordPress themes is finally here

    ·

    Updated Jun 14, 2022
    A new era of WordPress themes is finally here

    We all knew the landscape of WordPress themes was shifting with the introduction of Gutenberg. What we didn’t know, was by how much.

  • A Primer on Full Site Editing for WordPress Theme Developers

    ·

    Updated Feb 18, 2022
    A Primer on Full Site Editing for WordPress Theme Developers

    The next big shift for WordPress, nearly as monumental as the block editor itself, is a concept known as full site editing. Full site editing (FSE) is very much still experimental, but the concepts are clearly in view. Imagine being able to change your site’s header, footer, single, and even archive templates, with minimal effort-all […]