How to create icon buttons in Gutenberg using SVG Block and Block Enhancements plugin - WordPress
The video guide for creating icon buttons in Gutenberg using SVG Block and Block Enhancements plugin.
#wordpress #gutenberg #wordpresstutorial #wordpresswebsite #blockeditor #wordpressplugin #blockenhancements #boldblocks #block #blocks #button #buttons #svg #svgblock #hover #hovereffect #hovereffects
---------------------
Get SVG Block free here https://wp.org/plugins/svg-block
Get Block Enhancements free here https://wp.org/plugins/block-enhancem...
---------------------
© Copyright by BoldBlocks
0:00 Introduction
0:12 Install SVG Block from the Block Directory
0:25 Insert an icon from the icon library
0:35 Add an URL to turn the block into a button
1:00 Customize the button style
1:12 Install the Block Enhancements plugin to add style to the hover state
1:42 Add box shadow, transition, background color, and transform
2:25 Add another button with an external icon
2:53 Clean the SVG markup with the SVGO GUI tool
3:07 Combine two buttons into a row