Building a developer-focus block theme. Part 4. Live stream from June 15, 2023
In this video, originally streamed on June 15, 2023, we continue with our developer-focused theme and get side-tracked along the way by WCEU, the interactivity API and other things.
00:00:00 Introduction
00:00:42 Word Camp Europe in Athens
00:04:09 Interactivity API
00:06:06 Working with Interactivity API
00:07:19 Styling variations in the theme
00:09:58 Spotlight mode in the editor
00:11:28 Building a projects post type
00:13:57 Theme JSON configuration
00:19:03 WP Playground tool
00:20:20 WordPress Core Fields API
00:22:11 Using stable version of theme JSON
00:23:22 Building a playground block
00:24:29 Using the GitHub activity block
00:26:49 Exploring the playground tool
00:27:40 Loading plugin in the playground
00:28:49 Creating theme attributes for Playground
00:30:08 Showcasing the playground block plugin
00:32:06 Exploring the playground block
00:35:04 Exploring the capabilities of the playground
00:36:57 Leveraging the WordPress Playground extension for Vs code
00:38:15 Using the Wpnow local environment tool
00:39:55 Working with Blueprints API in playground
00:41:20 Installing Yoast's playground block plugin
00:42:15 Adjusting the size of the playground block
00:43:04 Embedding the playground block
00:44:09 Configuring iframe size of the playground block
00:45:20 Interacting with the playground them
00:47:41 Customizing the alignment of the playground block
00:48:52 Adding a block wrapper for the playground
00:49:56 Testing the playground block with attributes
00:52:20 Correcting the block layout for the playground
Resources:
Twitch Repo: https://github.com/ryanwelcher/twitch
WordPress Playground: https://developer.wordpress.org/playg...
Interactivity API: https://make.wordpress.org/core/2023/...
My Stuff:
Advanced Query Loop plugin: https://wordpress.org/plugins/advance...
WordPress Snippets VSCode extension: https://marketplace.visualstudio.com/...
#wordpress #gutenberg #wordpresstutorial #blockvariations #queryloopblock #wordpressplugin #interactivityAPI