Say Goodbye to Shortcodes: Speed Up Your Workflow with Block Conversion
Jul 2023·34:51·546 views·Matt Knighton
Walkthrough Overview
About This Video Guide
In this video I show you how I build a WordPress plugin with a Shortcode.
I then map that short code to a WordPress block.
The code is easy to understand and fast to work with.
Take a look and start being a developer of Blocks for your websites.
Important Links
Github repo for the code in the Video:
https://bit.ly/3rc3xlb
You can support my channel by using these affiliate links.
Key Chapters & Timestamps
Jump to a chapter on YouTube:
- 0:00Start(opens YouTube at 0:00 in a new tab)
- 0:15Setup Requirements(opens YouTube at 0:15 in a new tab)
- 1:01Create Block with NPM(opens YouTube at 1:01 in a new tab)
- 7:14Composer and PSR-4(opens YouTube at 7:14 in a new tab)
- 20:51Build a Shortcode(opens YouTube at 20:51 in a new tab)
- 25:25Dynamic Block Setup(opens YouTube at 25:25 in a new tab)
- 32:31Using the block(opens YouTube at 32:31 in a new tab)
- 33:43Outro(opens YouTube at 33:43 in a new tab)
Core Focus Areas
- 1Practical, production-tested techniques tailored for WordPress and modern tooling.
- 2Stripping away fragile dependencies so your site stays fast and resilient.
- 3Workflows structured so your internal team can maintain and own them long-term.
More Practical Walkthroughs
Explore step-by-step video tutorials and technical walkthroughs.
Let’s figure it out together
You don’t have to
build alone.
A little guidance. A good conversation. A better next step.
Work with me
Start with a 20-minute call. I read every enquiry myself.