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.

Themeisle

Hardeep Asrani

<p>Blocks CSS allows you add custom CSS to your Blocks straight from the Block Editor (Gutenberg).</p>
<p>It adds a syntax-highlighted CSS Editor where you can add additional CSS to your Gutenberg Blocks to style them the way you want.</p>
<p>All the code and sources for this plugin are publicly available as part of https://github.com/Codeinwp/otter-blocks.</p>


Blocks CSS: CSS Editor for Gutenberg Blocks

This is must have plugin for Gutenberg Block Editor. Makes it so much easier to add css classes where you use the blocks! 

Excellent!

I think I just would not be able to use the block editor without this. Thank you so much for this plugin!

This plugin saved my life!


This is a great tool for what it does. The only confusing thing for me is that it says on .org that you have 11 blocks.  I couldn't spot any new ones after installing this plugin, nor found any settings.


This is a great tool for those wanting to use core blocks


Can't think of Block Editor without this. Tiny powerful thing. 



Only thing I hate in this plugin is the following line:



$render_css = empty( $file_name ) || strpos( $file_name, 'post-v2' ) === false;



This means if you deactivate Otter, your content might just break :( 


Completes Block Editor

Simple and great plugin!

Blocks CSS allows you add custom CSS to your Blocks straight from the Block Editor (Gutenberg).

Editor Bridge vs Blocks CSS: CSS Editor for Gutenberg Blocks