Editor Blocks for Gutenberg

Description

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

Screenshots

  • Pricing Table Gutenberg Block
  • Feature Gutenberg Block
  • Team Members Gutenberg Block

Blocks

This plugin provides 12 blocks.

editor-blocks/brands
Brands (EB)
editor-blocks/testimonial
Testimonial (EB)
editor-blocks/vertical-feature
Vertical Feature (EB)
editor-blocks/intro
Intro (EB)
editor-blocks/callout
Callout (EB)
editor-blocks/author-profile
Author Profile (EB)
editor-blocks/hero
Hero (EB)
editor-blocks/team
Team (EB)
editor-blocks/pricing-table
Pricing Table (EB)
editor-blocks/wrapper
Wrapper (EB)
editor-blocks/horizontal-feature
Horizontal Feature (EB)
editor-blocks/features
Features (EB)

Installation

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’

FAQ

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

Reviews

September 18, 2018
All the blocks are amazing, well designed, they're way better than the default Gutenberg Blocks, this plugin is how Gutenberg should work!
August 16, 2018
They are getting beter and better. Support is resonsive. The wrapper blok is a big hit, I already use it a lot on most of my pages.
Read all 3 reviews

Contributors & Developers

“Editor Blocks for Gutenberg” is open source software. The following people have contributed to this plugin.

Contributors

“Editor Blocks for Gutenberg” has been translated into 3 locales. Thank you to the translators for their contributions.

Translate “Editor Blocks for Gutenberg” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

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.