Editor Blocks for Gutenberg Plugin

A unique collection of Gutenberg blocks. Here’s an example of a full page created with Editor Blocks – Editor Blocks Demo

The Blocks

Wrapper Block

Add a background image or color to any block, as well as padding and margins.

Hero Block

Pair this block with the wrapper block to create stunning hero areas.

Pricing Table Block

Beautiful 2, 3, 4 or 5 column pricing tables

Author Profile Block

Display a WordPress user’s profile dynamically using this block.

Team Members Block

Display a list of team members in a multi-column layout.

Testimonial Block

Showcase your client testimonials with this beautiful block.

Callout Block

Draw your visitors attention to your high-value pages or newsletter using an inline callout.

Brands Block

Display a collection of logos in a row. Perfect for highlighting your partners or clients.

Features Block

Display an organised feature list in columns. Accompany each feature with an image or icon.

Horizontal Feature Block

Highlight a key feature of your product or service using this horizontal display.

Vertical Feature Block

Highlight a key feature of your product or service using this vertical display.

Design Considerations

Editor Blocks look better with a wide layout, we recommend using a ‘Full Width’ page template if your theme has one. We’ve also built a (free) companion theme you can use:

Editor Blocks Theme
Editor Blocks Theme Setup

Source Code and Contributions

The entire source code of this plugin can be found on GitHub:

Editor Blocks GitHub

There are various ways you can contribute:

1. Raise an Issue on GitHub
2. Send a Pull Request with your bug fixes and/or new features
3. Provide a Translation

You’ll need the Gutenberg plugin for this to work. Both Gutenberg and Editor Blocks can be installed from within /wp-admin.

1) Log in to the WordPress Admin.
2) Navigate to Plugins → Add New.
3) Type ‘Editor Blocks’ into the search field.
4) Once Editor Blocks appears, click ‘Install Now’ then ‘Activate’

1. 

   Pricing Table Gutenberg Block

2. 

   Feature Gutenberg Block

3. 

   Team Members Gutenberg Block

Will Editor Blocks work with my theme?

Editor Blocks will work with all themes. However, depending on your theme’s style and content-width they may display differently from our demo. That’s why we created an Editor Blocks optimized theme you can download for free:

Editor Blocks Theme

1.1.8

Remove Gutenberg plugin dependency

1.1.8

Add block descriptions
Fix enqueue handles

1.1.7

Improve ‘Author Block’ UI

1.1.6

Improve i18n support
Add ‘Author Profile’ Block
Remove DGB notice if already active

1.1.5

Improve 5.0 compatibility

1.1.4

Fix missing image in ‘Features’ block

1.1.3

Fix missing dependencies in Gutenberg v4.5

1.1.2

Fix deprecated ‘PanelColor’

1.1.1

Fix problem with floats: https://github.com/WordPress/gutenberg/pull/11357#issuecomment-436529844

1.1.0

Refactor code to be easier to read
Fix:https://wordpress.org/support/topic/when-adding-two-or-more-brands-eb-the-images-are-the-same-in-all-of-them/

1.0.6

Pricing Table Block: fix missing button URL Setting
Group colors using PanelColorSettings component

1.0.5

Callout Block: Fix buttonURL

1.0.42

Improve compatibility with ‘Block Lite’ theme.

1.0.41

Update internal version number for cache busting.

1.0.4

Wrapper Block: Fix alignfull.
Compress dist CSS/JS.

1.0.3

Add version number to script/style enqueues.
Wrapper Block: Add ‘Full Width Background’ switch.
Wrapper Block: Add ‘Position’ select when a ‘Max Width’ is set.
Wrapper Block: Improve ‘Background Image’ setting.

1.0.2

Add more plugin assets.

1.0.1

Add plugin assets.

1.0.0

Initial release.