How to create modal, off-canvas layouts in Gutenberg step by step using Content Blocks Builder

Опубликовано: 11 Июнь 2026
на канале: BoldBlocks - Power Up WordPress Gutenberg
872
3

The step-by-step video guide for creating a modal or an off-canvas layout in the Gutenberg Block Editor using the Content Blocks Builder plugin from wordpress.org
#wordpress #gutenberg #wordpresstutorial #blockeditor #wordpressplugin #contentblocksbuilder #boldblocks #wordpresswebsite #cbb #modal #popup #toggle

---------------------
How to create an off-canvas layout    • How To Add Off-canvas Content in the Guten...  
How to create a Cookies Popup    • How to Add a Cookies Popup in the Gutenber...  
Get this plugin free here https://wp.org/plugins/content-blocks...
How to install CBB    • How to install the CBB plugin from wp.org ...  
---------------------

© Copyright by BoldBlocks

0:00 Introduction
0:23 Start building a modal from a paragraph block
1:06 Add a trigger button to show/hide the modal
1:36 Change the position
2:03 Hide backdrop
2:13 Customize the close button
2:53 Add autofocus, customize responsive style, etc
4:02 Turn the modal into an off-canvas layout
4:27 Add delay time, saved time
5:03 Add custom entrance animation effect