Introducing EditorsKit Block Styling, Utility Classes Features and more!

I’m very happy to introduce the next phase for this plugin — the Block Styling.

Over the last few weeks, I’ve been adding new features to EditorsKit and it’s now on version 1.9.2. Here is the new set of options for the Gutenberg Page Building Toolkit plugin, plus I’ve listed the full features available on the plugin right now, so you will have the feel of how powerful EditorsKit has become.

Introducing Block Styling 

Block Styling for EditorsKit comes in different ways. This will let you easily build better pages regardless of the theme or blocks plugin you are using. Without further ado, let’s get started.

First, Block Styles for Image and Cover Block

Image and Cover Blocks are probably two of the most useful within the core blocks but lack styling to open more possibilities. I’m pertaining to the ability to display image and cover as circular, diagonal and rounded corners. I think with these layouts available, both blocks will be so much powerful.

Full Screen Display Option

With EditorsKit, you can now turn Cover Block, Image Block, and Media & Text Block into full screen mode. You can now have hero section in just a few clicks. Here’s how easy you can make these block displays better.

Introducing Utility Classes and Classnames Suggestion

Newly added on EditorsKit set of tools for users and developers has the ability to have Utility Classes available on Additional CSS Class(es) advanced option. These utility classes will automatically be suggested when you are typing and can easily be removed in one click.

Theme developers can also add their utility classes easily via custom PHP filter. Here’s the sample code I’ve integrated with Jarvis theme of Pro Theme Design.

Other Improvements

There are several fixes and compatibility plugin improvements together with small features that will help your writing greatly.

Full Height Editor Screen

Aside from full screen block display, I’ve also added option to set the Gutenberg editor itself to have minimum height similar to the browser’s viewport. This will make your edit screen cleaner and you won’t have the distracting metaboxes view whenever you create a new post or pages.

Themes and Third-party plugins compatibility

It’s not a secret that I’m trying to make EditorsKit developer-friendly and extendable. I’ve created several filters for plugin and theme developers to fully utilize EditorsKit. 

Available Filter

editorskit_block_editor_classnames – Add array of classnames that will automatically add to the auto suggestions list.

Theme Supports

editorskit-template-block-sizes – make the block widths on the editor automatically changes based on the templates selected. Learn more here.

editorskit-genesis-layout-block-sizes – exclusively for Genesis Framework to make the block sizes change automatically when selecting Layouts. Learn more here.

Brand New Preview Video

With Block Styling and Utility Classes Suggestions, I’ve created a new preview video to highlight all the features available on EditorsKit.

List of EditorsKit Features

Lots of tools have been added in the last few months, and some of you might not be aware of how powerful EditorsKit has become. I’ve listed all the features available on the plugin below.

Gutenberg Rich Text Formats

Block Visibility

Block Styling

Productivity Tools

Pretty amazing isn’t it? You can learn about all these features and download the plugin for free at editorskit.com.

Closing

Thank you for your continued support, and I hope you are loving EditorsKit features and the Gutenberg tutorials I’ve been creating lately. 

I’m super stoked on what EditorsKit has become and the features I’ve planned to add. As always, you can give any feedback and suggestions using the comment section below. Thanks again!