thingsym

<p>WordPress plugin Editor Bridge expand the Block Editor (Gutenberg).<br />
This WordPress plugin expands the functionality of core blocks and adds styles and formats.</p>
<h4>Compatibility</h4>
<ul>
<li>WordPress version 5.5 or later</li>
<li>Gutenberg version 8.5 or later</li>
</ul>
<h4>Required plugins</h4>
<p>Editor Bridge will need other recommended plugins to use icons library as Web Font.</p>
<p><a href="https://ja.wordpress.org/plugins/font-awesome/" rel="nofollow ugc">Font Awesome</a> version 6.6.0</p>
<h4>Demo</h4>
<ul>
<li><a href="https://demo.thingslabo.com/foresight/sample-page/wordpress-plugin-editor-bridge-demo-sample" rel="nofollow ugc">Demo sample (English)</a></li>
<li><a href="https://demo.thingslabo.com/foresight/sample-page/wordpress-plugin-editor-bridge-demo-sample-ja" rel="nofollow ugc">デモサンプル (日本語)</a></li>
</ul>
<h4>Expansion</h4>
<p>There are three expansion points.</p>
<h4>Expanded block</h4>
<ul>
<li>Background image settings
<ul>
<li>core/heading</li>
<li>core/paragraph</li>
<li>core/column</li>
<li>core/columns</li>
<li>core/group</li>
</ul>
</li>
<li>Border settings
<ul>
<li>core/heading</li>
<li>core/paragraph</li>
<li>core/group</li>
<li>core/columns</li>
<li>core/column</li>
</ul>
</li>
<li>Button size and width settings
<ul>
<li>core/button</li>
</ul>
</li>
<li>Container settings
<ul>
<li>core/group</li>
<li>core/cover</li>
</ul>
</li>
<li>Space settings, Margin (upper margin as default), Padding and Gap
<ul>
<li>core/heading</li>
<li>core/paragraph</li>
<li>core/image</li>
<li>core/button (only Margin)</li>
<li>core/buttons</li>
<li>core/media-text</li>
<li>core/gallery (only Margin)</li>
<li>core/list (only Margin)</li>
<li>core/table (only Margin)</li>
<li>core/columns</li>
<li>core/column (only Padding)</li>
<li>core/group</li>
<li>core/cover</li>
</ul>
</li>
<li>Width settings
<ul>
<li>core/table</li>
<li>core/columns</li>
<li>core/group</li>
</ul>
</li>
</ul>
<h4>Format</h4>
<ul>
<li>Badge</li>
<li>Font size</li>
<li>Font weight</li>
<li>Highlight</li>
</ul>
<h4>Style</h4>
<ul>
<li>Button</li>
<li>Heading</li>
<li>Image</li>
<li>List</li>
<li>Media Text</li>
<li>Separator</li>
<li>Table</li>
</ul>
<h4>Support</h4>
<p>If you have any trouble, you can use the forums or report bugs.</p>
<ul>
<li>Forum: <a href="https://wordpress.org/support/plugin/editor-bridge/" rel="ugc">https://wordpress.org/support/plugin/editor-bridge/</a></li>
<li>Issues: <a href="https://github.com/thingsym/editor-bridge/issues" rel="nofollow ugc">https://github.com/thingsym/editor-bridge/issues</a></li>
</ul>
<h4>Contribution</h4>
<p>Small patches and bug reports can be submitted a issue tracker in Github. Forking on Github is another good way. You can send a pull request.</p>
<p>Translating a plugin takes a lot of time, effort, and patience. I really appreciate the hard work from these contributors.</p>
<p>If you have created or updated your own language pack, you can send gettext PO and MO files to author. I can bundle it into plugin.</p>
<ul>
<li><a href="https://github.com/thingsym/editor-bridge" rel="nofollow ugc">VCS – GitHub</a></li>
<li><a href="https://wordpress.org/plugins/editor-bridge/" rel="ugc">Homepage – WordPress Plugin</a></li>
<li><a href="https://translate.wordpress.org/projects/wp-plugins/editor-bridge" rel="nofollow ugc">Translate Editor Bridge into your language.</a></li>
</ul>
<p>You can also contribute by answering issues on the forums.</p>
<ul>
<li>Forum: <a href="https://wordpress.org/support/plugin/editor-bridge/" rel="ugc">https://wordpress.org/support/plugin/editor-bridge/</a></li>
<li>Issues: <a href="https://github.com/thingsym/editor-bridge/issues" rel="nofollow ugc">https://github.com/thingsym/editor-bridge/issues</a></li>
</ul>
<h4>Contribute guidlines</h4>
<p>If you would like to contribute, here are some notes and guidlines.</p>
<ul>
<li>All development happens on the <strong>develop</strong> branch, so it is always the most up-to-date</li>
<li>The <strong>master</strong> branch only contains tagged releases</li>
<li>If you are going to be submitting a pull request, please submit your pull request to the <strong>develop</strong> branch</li>
<li>See about <a href="https://help.github.com/articles/fork-a-repo/" rel="nofollow ugc">forking</a> and <a href="https://help.github.com/articles/using-pull-requests/" rel="nofollow ugc">pull requests</a></li>
</ul>
<h4>Test Matrix</h4>
<p>For operation compatibility between PHP version and WordPress version, see below <a href="https://github.com/thingsym/editor-bridge/actions" rel="nofollow ugc">GitHub Actions</a>.</p>


Editor Bridge

This could have been a 5 star plugin - easily !

Having preset values for paddings/margins is almost a deal breaker for me here. The author of the post/page should be the only one in authority to decide exactly how much spacing is needed for the blocks, as different sites/themes have different requirements. 

This plugin adds most of the necessary things to make Gutenberg a viable page builder, and (this plugin) comes very close in filling the missing items, but really, the site admin needs to make ALL the decisions for their own site.

I would very gladly revise my rating to 5 stars, once I we get more options and freedoms with the block spacings.

UPDATE: Sept 22, 2021: The new update fixes many things, and even though I wanted to be able to have custom padding/margin values, I think it's only fair to change my rating from 4 stars to 5. I just wish more people would appreciate this plugin, so it would further be developed. Good job, and thanks again!

Good enough... not ideal (yet) !

Editor Bridge plugin expands the functionality of core blocks and adds styles and formats.

WP Plover

<p>Plover kit provide pattern library and pluggable modules that enhance the Gutenberg core blocks and also provide extended features. Creating unique and eye-catching web designs is pleasant and easy with the WordPress block editor and the extensions provided by Plover Kit.</p>
<h3>Featured Modules</h3>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/pattern-library/" rel="nofollow ugc">Pattern Library</a></h4>
<p>Add beautiful, ready-to-go layouts to your site with one click.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/table-of-contents/" rel="nofollow ugc">Table of Contents</a></h4>
<p>Introduce a Table of Contents block to your posts and pages. It shows a nested list of links to all the headings found in a post or page.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/breadcrumb/" rel="nofollow ugc">Breadcrumb</a></h4>
<p>Let’s you easily display breadcrumb navigation on your WordPress site, easy customization.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/shape-divider/" rel="nofollow ugc">Shape Divider</a></h4>
<p>Shape divider is used to create visual separation between different sections of content.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/particles-effect/" rel="nofollow ugc">Particles Effect</a></h4>
<p>Add cool particle effects to your designs!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/rough-notation/" rel="nofollow ugc">Rough Notation</a></h4>
<p>Create and animate hand-draw style notations on a page.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/entrance-animation/" rel="nofollow ugc">Entrance Animation</a></h4>
<p>Entrance animation adding dynamic movement to elements as they appear on screen.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/hover-animation/" rel="nofollow ugc">Hover Animation</a></h4>
<p>The Hover Animation allow you to add mouse hover animation effect for elements on your WordPress website.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/typing-animation/" rel="nofollow ugc">Typing Animation</a></h4>
<p>Add dynamic typing effects to your text.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/counter-block/" rel="nofollow ugc">Counter Block</a></h4>
<p>Introduce a counter block enables you to add an animated numbered counter to your page.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/reading-time-block/" rel="nofollow ugc">Reading Time Block</a></h4>
<p>Let’s you easily add an estimated reading time to your WordPress posts.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/code-snippets/" rel="nofollow ugc">Code Snippets</a></h4>
<p>Insert code snippets to site header or footer section like Google Analytics code, AdSense Code, Facebook Pixels code, and more.</p>
<p>You no longer need to manually modify theme code such as header.php, and no code snippets are lost when switching or updating themes.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-shadow/" rel="nofollow ugc">Block Shadow</a></h4>
<p>Extra text-shadow, drop-shadow, and box-shadow support for core blocks.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-sticky/" rel="nofollow ugc">Block Sticky</a></h4>
<p>Make your content in the page visible at all times, making it permanently visible while scrolling.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-measures/" rel="nofollow ugc">Block Measures</a></h4>
<p>You can set height, width, [min/max]-height and [min/max]-width css properties for blocks, responsive!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/css-position/" rel="nofollow ugc">CSS Position</a></h4>
<p>You can set position and z-index css properties for blocks, responsive!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/css-display/" rel="nofollow ugc">CSS Display</a></h4>
<p>You can set display CSS properties for blocks, responsive!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-event-handler/" rel="nofollow ugc">Event Handler</a></h4>
<p>Adding event handler to blocks to execute custom JavaScript snippets.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/code-highlight/" rel="nofollow ugc">Code Highlight</a></h4>
<p>Add out-of-the-box code highlighting features for core/code block.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/icon-button/" rel="nofollow ugc">Icon Button</a></h4>
<p>Add icon to boring buttons!, 2000+ free icons available!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/icon-block/" rel="nofollow ugc">Icon Block</a></h4>
<p>Add icons to your design! 2000+ free icons available!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/icon-library/" rel="nofollow ugc">Icon Library</a></h4>
<p>Icon library allows you to manage icon libraries and upload your custom SVG icons.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/preloader/" rel="nofollow ugc">Preloader</a></h4>
<p>Animated elements that appear while website content loads make waiting more enjoyable.</p>
<h3>Privacy</h3>
<p>The following features of this plugin require access to our <a href="https://api.wpplover.com/" rel="nofollow ugc">external services</a>.</p>
<ul>
<li>Icon Library</li>
<li>Pattern Library</li>
</ul>
<p>Read <a href="https://wpplover.com/privacy-policy/" rel="nofollow ugc">Privacy policy</a> and <a href="https://wpplover.com/terms-conditions/" rel="nofollow ugc">Terms & Conditions</a> of this plugin.</p>


Plover Kit – Blocks, Patterns and Editor Enhancements

Patterns library and all-in-one block editor enhancement toolkit.

Editor Bridge vs Plover Kit – Blocks, Patterns and Editor Enhancements