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%
Jamie's Front-End Editor for Content Teams
Jamie’s Front-End Editor for Content Teams lets your team edit page and post content directly from the front end of your WordPress site. No need to open the block editor — click any text, link, button or image on the live page and change it in place. Built on the WordPress Interactivity API with no build step required. Give your team precise, bounded editing: let them fix the copy that should change, and lock down the parts that shouldn’t. Features: Click any paragraph or heading to edit it inline, right on the live page Add, edit or remove links on your text without leaving the page Replace images from the media library, set alt text, or remove an image, all on the front end Edit button text and links from the front end too Block markup is fully preserved on save Lock a whole page from front-end editing with a single checkbox Lock individual blocks or whole sections, using the block’s own Lock option (padlock) or a CSS class. Locks cover everything nested inside and are enforced on save, not just hidden in the UI Edits are recorded as native WordPress block notes, so there’s an audit trail A central Site changes screen (Tools menu) lists every front-end edit across the whole site — what changed, where, by whom and when — with filters by user, page, block type and date, plus search and CSV export Admin settings to choose which block types are editable Option to restrict chosen roles to front-end-only editing (no wp-admin access) Secure — only users with edit permissions see the editing UI
Top keywords
- block6×2.25%
- edit6×2.25%
- page6×2.25%
- editing4×1.50%
- lock4×1.50%
- text4×1.50%
- end
