From shortcode to block

Continue the discussion

Published

October 15, 2023

In this workshop, learn how to adapt a shortcode-based plugin so that it also renders content in a custom block for use in the WordPress editor. The plugin will therefore no longer need to rely on the build-in Shortcode Block.

Starting with a scaffolded project, you will go on to build out a dynamic block that works with a CPT (Custom Post Type) and a CT (Custom Taxonomy). Learn how to use the hooks provided by the @wordpress/core-data package to pull content into the editor while also ensuring that the content is correctly rendered in the front-end. You will also learn how to use block attributes both in the editor and in the front-end.

You will learn how a dynamic block differs from a static block and the use cases for each.

If you already have, or are thinking of building, a plugin that uses a shortcode to render content, and would like to learn how to also render that content in a block, this workshop is for you.

Rate this:

Event

WordCamp Europe 2023 63

Speakers

Michael Burridge 5

Tags

Block Development 18
Development 392
Plugin Development 120

Language

English 10531

Download
MP4: Low, Original
Subtitles
Subtitle this video →
Producer