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%
Guten Free Options
Want to use and/or not use the new Block Editor (Gutenberg) according to your needs? Guten Free Options provides this for your WordPressed Burger err I mean Editor. Guten Free Options allows you to smoothly transition your writing experience to WordPress 5+ by giving you full control over when a post should be edited with the Classic Editor or Block Editor… plus have a button to easily switch between them like other page builders. With this plugin you can set the default editor to be used at ANY level, and more specific levels will override the previous ones – but only if they are set (similar to how cascading stylesheet inherit rules.) This means complete flexibility – defaults for multisite networks, single sites, any user role, author preference, as well as being able to easily set default requirements for different custom post types and post templates, and then also switch over or override for individual posts as needed. Here is the list of possible options (in order): Network Default – for Multisite if plugin network activated Site Editor Default – set the base editor default for the site User Role Defaults – set a default editor for each role User Selection – optional default editor per user via profile Post Type – set a default editor to use for each post type Post Type Locking – lock any post type at this filtering level Existing Blocks – use block editor if post has existing blocks Post Template – set a default editor for each post template Metabox Override – allows selection on the post edit screen Querystring Button – easily switch between the editors any time Admin Override – post IDs or slugs specified on plugin screen Compatible with both WordPress 4.9.x with Gutenberg plugin and WordPress 5 beta+ Block Editor, and includes filters everywhere for further custom use case control. Also features some extra tweaks: Awesome button on either editor page to switch between editors Disable the Gutenberg install plugin nag (for WP 4.9 only) Remove the Gutenberg menu (for Gutenberg plugin only) Prevent update disabling the Gutenberg plugin (on update to WP 5 only) (so you can continue to update Gutenberg plugin separately to core.) Forget your personal editor allergies and install this plugin to just use what you need when you need it! 🙂 Guten Free Options Home
Top keywords
- editor15×3.94%
- post12×3.15%
- default9×2.36%
