How to create a toggle search box in Gutenberg using the new popover toggle feature with CBB plugin

Опубликовано: 11 Октябрь 2024
на канале: BoldBlocks - Power Up WordPress Gutenberg
229
5

The video guide for creating a toggle search box in the Gutenberg Block Editor using the Content Blocks Builder plugin.
#wordpress #gutenberg #wordpresstutorial #blockeditor #wordpressplugin #contentblocksbuilder #boldblocks #wordpresswebsite #cbb #modal #popup #toggle #searchbar #searchbox #popover
---------------------
How to create modal, off-canvas layouts in Gutenberg step-by-step    • How to create modal, off-canvas layou...  
How to create an off-canvas layout    • How To Add Off-canvas Content in the ...  
How to create a Cookies Popup    • How to Add a Cookies Popup in the Gut...  
How to build a header with hamburger menu and toggle search bar    • Build a responsive header with hambur...  
Get this plugin free here https://wp.org/plugins/content-blocks...
How to install CBB    • How to install the CBB plugin from wp...  
---------------------

© Copyright by BoldBlocks

0:00 Introduction
0:17 Start building the toggle search box
0:37 Add a trigger button to toggle the search box
1:02 Add the search box
1:32 Adjust the toggle's settings
3:00 Adjust the layout and style for the search box
3:39 Use a custom search icon for the toggle button
3:49 Start importing the icon and config the new icon button
4:50 Outroduction