Block Designer – Create Custom Blocks for Gutenberg Editor
Design your own custom blocks for the WordPress Gutenberg Block Editor without any line of code. ✔ fastest way to create your block for Gutenberg ✔ Incredibly easy and intuitive to use ✔ Your custom blocks are completely WYSIWYG (no form) — Tutorial (create an address block for Gutenberg): open tutorial on YouTube — Live Preview Test the latest version here: > > > open LIVE PREVIEW < < < — Supported Elements HTML Element Icon Static Text Author Image Author Link 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 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. 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 😉 More from the same author Click here: wppeak.com
Top keywords
- block13×5.26%
- author5×2.02%
- blocks4×1.62%
- block editor3×1.21%
- color3×1.21%
- design3×1.21%
- editor3×1.21%
- flex3×1.21%
- gutenberg3×1.21%
- wordpress3×1.21%
- align2×0.81%
- areas2×0.81%
Taro Taxonomy Blocks
This plugin supports 3 term blocks. Terms Block – Display all terms in the specified taxonomy. Usefull to display terms list like glossary. Post’s Terms Block – Display terms assigned to the post in the specified taxonomy. Post’s Terms Query Block – Display post list with same terms with the post. Customization All blocks are customizable on the PHP layer. Template Structure To override look and feel, put template files in your theme’s directory. your-theme-dir - template-parts - taxonomy-blocks - posts-list.php // List of post in post's terms query blocks. - post-loop.php // Post link in post's terms query blocks. - term-item.php // Term link. - term-list.php // Flat term list. - term-list-hierarchical.php // Hierarchical terms list. taro_taxonomy_blocks_template filter hook is also available. This will override the template file path. Styles To override styles, regsiter styels named taro-terms-block. The plugin registers style at priority 20 of init hook, so registering style at priority 10 or earlier. add_action( 'init', function() { // Your own CSS. wp_register_style( 'taro-terms-block', $your_block_css_url, $deps, $version ); } ); Now your blocks will be styled by your CSS.
Top keywords
- terms10×5.41%
- post7×3.78%
- blocks6×3.24%
- php6×3.24%
- list5×2.70%
- block4×2.16%
- display4×2.16%
- template4×2.16%
- block display
