Tag: classic themes

  • Creating custom block styles in WordPress themes

    WordPress introduced the Block Styles API in version 5.3 as a feature for theme authors to create block customizations that are not possible via the built-in design tools.¬†However, it is often an underutilized feature in themes.¬†And, when it is used, the results are sometimes are best replaced with variations or patterns. In this guide, you […]

    Read Post

  • Using the box shadow feature for themes

    Gutenberg 14.9 launched on January 4, 2023, and this release featured a long-needed design tool that theme authors have been missing: shadows. The first iteration of this feature, which should eventually land in WordPress 6.2, allows designers to create a “palette” of custom shadows to apply to blocks and supported elements. The box shadow component and the […]

    Read Post

  • A walk-through of layout classes in WordPress 6.1

    WordPress 6.1 introduced several necessary changes to its layout framework. Namely, core has now centralized its layout definitions, created semantic class names, and reduced code duplication on container blocks. Originally, this post was intended to be a quick look at the changes to the system for theme authors. However, given the heftiness of the topic, […]

    Read Post

  • Leveraging theme.json and per-block styles for more performant themes

    With each major WordPress update, theme authors gain access to new tools that decrease their development workload and can increase the performance of their themes. Most of these improvements in the last few releases come from theme.json updates. The theme.json file adds extra settings and styles that can replace the need for custom CSS. These […]

    Read Post

  • Demystifying Home and Posts Templates in WordPress theme development

    A WordPress user can choose the type of content displayed on the homepage. A new WordPress site’s default behavior is to display a view of the website’s most recent posts. However, it is also possible to set a static page as the homepage. Changing the default behavior to display a static page can be done […]

    Read Post