‘Block Themes’ Videos

  • How to add and remove a logo and site icon in a WordPress block theme

    Speaker: Sarah Snow

    February 24, 2023 — Quickly learn how to add a site logo and site icon using the site editor in a block theme.

  • A new era of WordPress themes is here: block themes

    WordCamp US 2022Speaker: Rich Tabor

    December 21, 2022 — This talk explores the foundation of block themes, patterns, templates, parts, and style variants: all the elements that encompass this new era of WordPress.

    Learn more about how the full block editing experience introduces many new concepts for editing and publishing with WordPress.

  • Hallway Hangout: the future of CSS in block themes

    Speakers: Justin Tadlock, Damon Cook

    December 2, 2022 — In this Hallway Hangout, we’ll have a casual chat about some of the Block Theme development-related features that are under active development. This will be an open conversation via Zoom. Expect plenty of healthy conversation, question and answers, and maybe even a demo or two.

  • Streamline your block theme development with the Create Block theme

    Speaker: Jonathan Bossenger

    November 23, 2022 — Learn how to use the Create BLock Theme plugin to streamline your block theme development processes.

    Presentation Slides »

  • Lets code: internationalization in block themes

    Speaker: Jonathan Bossenger

    November 7, 2022 — In this session, we will take a brief look at what Internationalisation (or i18n) in themes means, as well as cover the common Internationalisation functions available in WordPress, and how to use them. We’ll then create a blank block theme, and then take a look at the strings that we might need to make translation ready, as well as how to achieve this.

    Presentation Slides »

  • The future of themes: designing for the block editor and beyond

    WordCamp US 2022Speaker: Michelle Schulp

    October 28, 2022 — As content and functionality becomes more modular thanks to advances like the block editor, theme designers will have to accommodate even more flexible ways of visualizing and presenting the information. How do we anticipate and accommodate the needs of a constantly evolving website while providing visual solutions that are clean, thoughtful, and consistent?

    This talk works through the entire thinking process as it relates to theme design. It offers a thorough checklist of steps and tools for designing themes that support WordPress core functionality, custom templates and content, common plugins, and an array of standard and custom Gutenberg blocks.

  • Let’s code: using block patterns in your block theme

    Speaker: Jonathan Bossenger

    October 21, 2022 — Block patterns are predefined block layouts. They provide a means to refine the editorial experience by offering users a preset arrangement of blocks to start building right away.

    One of the great advantages of block patterns is that they can include either block markup or PHP code. This means that block patterns allow open up a wide array of possibilities for the theme developer.

    In this session we will look at the different types of block patterns that can be created, the various ways that block patterns can be registered for a theme, and then create a few block pattern examples for some common theme requirements.

    Presentation Slides »

  • Hallway hangout: block theme development features in WordPress 6.1

    Speakers: Justin Tadlock, Daisy Olsen

    October 21, 2022 — Listen-in pm this casual chat about some of the Block Theme features that are planned to land in WordPress 6.1.

  • Let’s code: creating custom templates and template parts

    Speaker: Jonathan Bossenger

    October 14, 2022 — WordPress 6.1 will include ways to create custom templates and template parts for your block theme from the Site Editor. These custom templates and template parts are useful when you need to display specific posts or pages using templates that don’t form part of the template hierarchy.

    In this session, we’ll look at both how you can register and create custom templates and template parts from the editor, as well as how to register them in your theme.json file when distributing your new block theme.

    Presentation Slides »

  • Let’s code: creating your primary templates in the Editor

    Speaker: Jonathan Bossenger

    September 30, 2022 — WordPress theme development follows the WordPress template hierarchy, which determines which templates are used depending on the content being rendered.

    Fortunately for the new block theme developer, the Site Editor allows you to create all the primary templates you might need, right from your WordPress install.

    In this session, we’ll start with a quick review of the WordPress template hierarchy. Then we’ll create a blank block theme, using the Create Block Theme plugin, apply some ready-made default styles via theme.json, and create all the primary templates a WordPress theme would need.

    Presentation Slides »