Skip to content
pinegrow.com
Docs menuWordPress

Wrap WordPress shortcodes in custom blocks

A quick tutorial on how any shortcode can be turned into an editable custom block. Shortcode options are mapped to block attributes. The process is done with minimal coding using Pinegrow Web Editor and exported as a standalone WordPress plugin.

In this tutorial we will take the Pie Calendar’s shortcode and turn it into a custom WordPress block with editable attributes that control how the calendar is displayed.

The same approach can be used with any shortcode.

Pie Cal block calendar for September 2023 next to its WordPress Actions panel, with unique id piecal and block attributes type and theme.

Download the project files

Get the project files and upload it into Pinegrow WordPress plugin or unzip into folder and open it with desktop Pinegrow Web Editor.

Explore the project while watching the video and use it as a starting point for your own shortcode blocks.

Watch the tutorial