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%
QuickPost – Add New Posts & Duplicate from the Block Editor
A razor sharp plugin that does just one thing: allow you to quickly create new posts from the Block Editor toolbar. You can create new posts in one of two ways: Create a brand new empty post. Duplicate the current post. This brings back the ability to create new posts, pages, custom post types quickly and easily even when you’re in Fullscreen Mode in the Editor. If you enjoy the plugin, please leave a review! ⭐ If you have a feature request, please create an issue in the GitHub repository. ➕ If you need support, please use the support forum to reach out. 🆘 Key Features A disabled button is available in the toolbar in brand new posts The “Add New” button becomes clickable once your post’s status is auto-draft, draft, pending, published, or any other state except new. You can duplicate the current post with two clicks. A keyboard shortcut to create a new post directly from your keyboard (Ctrl + Option + N on Mac or Alt + Shift + N on Windows) Stay Connected Follow @aurooba on Twitter View this plugin on GitHub
Top keywords
- post6×3.31%
- posts4×2.21%
- please3×1.66%
- brand2×1.10%
- button2×1.10%
- current2×1.10%
- current post2×1.10%
- duplicate2×1.10%
- duplicate the current2×1.10%
