October 10, 2024 — WordPress is evolving, and so should we. The Interactivity API opens up new possibilities for building interactive, dynamic, and engaging websites without sacrificing performance. In this session, we’ll explore what this API is all about, why it matters, and how to get started with it. By the end, you’ll have a solid understanding of the Interactivity API and be ready to implement it in your projects.

August 17, 2024 — WordPress is evolving, and so should we. The Interactivity API opens up new possibilities for building interactive, dynamic, and engaging websites without sacrificing performance. In this session, we’ll explore what this API is all about, why it matters, and how to get started with it. By the end, you’ll have a solid understanding of the Interactivity API and be ready to implement it in your projects.

April 9, 2024 — The Interactivity API was recently released in WordPress 6.5. Now is the time to experiment with the API and incorporate interactions into your custom blocks, but where should you start?

Often, the best way to learn is through real-world examples. In this Developer Hours session, Damon Cook from WP Engine demonstrates how he built a form submission block that leverages the API. This example will teach you how to kickstart a custom interactive block using the Create Block package, use directives to assign critical attributes to your HTML markup, create the store, and hook up the client-side JavaScript.

Resources:

Damon’s demo plugin: https://github.com/colorful-tones/feedback-block
Interactivity API documentation: https://developer.wordpress.org/block-editor/reference-guides/packages/packages-interactivity/
Tutorial on building a custom block: https://developer.wordpress.org/block-editor/getting-started/tutorial/

November 20, 2023 — WordPress 6.4 is targeted to be released in early November 2023, and should be full of a plethora of exciting new features and enhancements. Let’s dive in and explore the beta features of WordPress 6.4 and all that it has to offer.

Presentation Slides »

September 30, 2023 — Learn more about new features and enhancements of WordPress 6.4, which is targeted for a November 2023 release. Find out what 6.4 has to offer as Damon Cook explores the first Beta release.

March 9, 2023 — Several WordPress community theme developers and designers come together to discuss the Community Themes Initiative. The goal was to lay the groundwork and hash out ideas around building block themes collaboratively to submit to the official WordPress theme directory.

February 14, 2023 — In January 2023, a few community members from the FSE Outreach Program gathered to discuss various upcoming features specific to Block Themers:

– Applying local styles globally: push block design changes from post/template editor to global styles.

– Inputs for Custom CSS: add custom CSS from the site editor Styles panel.

– Exploring the Style Book: show all blocks (including third-party) in site editor, making it easier to test everything when designing.

– Edit block style variations: edit (not yet create) existing block styles of a theme from the Styles panel.

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.

September 15, 2022 — What goes into deciding which font(s) to use? Where might you get your fonts? How do you hook your font up within a block theme? What are variable fonts, and should you use them?

In this workshop we will explore:

– Some considerations for choosing a font
– Where to find fonts and how to download and convert to proper formats
– A brief overview of variable fonts and when to consider using them
– How to hook up a font in a block theme (hint: theme.json)
– Discuss the future of fonts in WordPress full site editing

Presentation Slides »

August 19, 2022 — In Block Theme Builders: Design in Figma, we got familiar with Figma, made a copy of the Theme Template, made it our own, and many of you asked: how do I make this into a theme? Well, let’s do it!

Join us, as we take our Figma design file and convert it into a block theme. We’ll show you how to set up colors, typography and maybe some more (if we have time).