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
LSX Blocks
We have built these content blocks so you can simply drag and drop them into your editor, configure to your wishes and you are done! LSX Blocks is a collection of page building blocks for the new block editor. Building pages with the block editor and LSX Blocks gives you more control to quickly create and launch any kind of site you want! Installing this plugin provides you with site-building blocks to help you customize page layouts, increase engagement, and get results for your business. LSX Blocks Post Grid – Block Demo Post Carousel Block – Block Demo Accordion Block – Block Demo Testimonials Block – Block Demo Team Block – Block Demo WordPress Core Blocks extended via LSX Blocks Buttons Block Columns Block Headings Profile Block Cover Block Group Block Image block Pullquote block Yoast SEO Compatibility If you’re using the Yoast SEO plugin the LSX Blocks plugin adds LSX compatibility for the Yoast FAQ and How To blocks. Support Contact the LightSpeed for assistance via the LSX support form. If you are experiencing issues with the LSX Blocks Plugin, please log any bug issues you are having on the Github Issues page. Contributing to the LSX Blocks plugin If you’re a developer who’s spotted a bug issue and have a fix, or simply have functionality you think would extend our core plugin, we are always happy to accept your contribution! Visit the LSX Blocks Plugin on Github and submit a Pull Request with your updates. Documentation Looking for more information on setting up your individual blocks? Check out our Block Documentation for a full breakdown on using the blocks. Support If you are experiencing issues with the LSX Tour Operator Plugin, please log any bug issues you are having on the Tour Operator Github Issues page. Contributing If you’re a developer who’s spotted a bug issue and have a fix, or simply have functionality you think would extend our plugin, we are always happy to accept your contribution! Visit the Tour Operator Plugin on Github and submit a Pull Request with your updates.
