=== Block Designer - Create Custom Blocks === Contributors: ehtmlu Donate link: https://www.paypal.com/donate/?hosted_button_id=2G6L8NWVXZ4T4 Tags: custom blocks, block editor, gutenberg, design, style Requires at least: 6.0.0 Tested up to: 6.0.1 Stable tag: 1.2.0 Requires PHP: 7.3 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Create and design custom blocks for the WordPress Block Editor (Gutenberg Editor) without any line of code. == Description == The *Block Designer* allows you to create your very own custom blocks for the *WordPress Block Editor* (Gutenberg Editor) without any line of code. = 2 minute tutorial: = https://www.youtube.com/watch?v=OhJ-YpYi8I0 = Supported Elements = * HTML Element * Static Text * Author image * Author RichText * Inner Blocks = Supported Styles = * Display (block, flex, inline-block, inline, none) * Flex (direction, reverse, align, justify, gap, wrap) * Flex Child (shrink, grow, align self) * Spacing (margin, padding) * Size (width, height, min-width, min-height, max-width, max-height) * Overflow (visible, hidden, scroll, auto) * Typography (font-weight, font-style, font-size, line-height, color, text-align, text-decoration) * Border (radius, style, width, color) * Background (color, linear-gradient, radial-gradient) * Effects (box-shadow) = How it works = 1. **Design your block** First you design your block in the *Block Designer* with different HTML elements and styles. You can define areas where authors can insert images and text in the *WordPress Block Editor*. After you designed your block, you only need to enable and save it. 2. **Use your block** If you enabled and saved your block, you will find your block in the Inserter panel of the *WordPress Block Editor*. Just insert it as you know it from ordinary blocks. If you have defined areas for author input, you can add your content now. Save your page/post and enjoy your result on your site ;) == Screenshots == 1. This is the overview of all your created blocks. 2. This is the view when you design one of your blocks. 3. In the WordPress Block Editor, you can always preview your block by hovering over your block icon. 4. Use your block as often as you want. == Changelog == = 1.2.0 = * Add options to change canvas view = 1.1.1 = * Optimize box-shadow controls to support different units = 1.1.0 = * Add options for background gradients * Add options for box shadows * Add feedback panel = 1.0.1 = * Fix: Canvas height was too small in Firefox = 1.0.0 = * Initial release