How to get the most out of the new WordPress Block Editor - If you've been using WordPress for a while, then you're familiar with the new WordPress Block Editor. It is a tool and an intuitive system.
To get the most out of the Block Editor, you'll want to learn how to add new elements to it. You will do this with plugins or by creating your own custom blocks, so you have many options.
In this article, we will talk about how you effectively set the default Block Editor. Then we'll show you how to create it by adding new blocks, both using plugins and creating your own.
A quick overview of the WordPress Block Editor
Before you start using the WordPress Block Editor, you will want to make sure your theme will work well with it. Although the Block Editor works with any theme, having a built-in, compatible theme lets you take advantage of new functions.
Your pages are divided into rows and you place any blocks you want on each block.
You should also use columns to better control the position of each component.
Use the column system.
This system will be familiar if you have ever used the site builder plugin. As a result, the experience of building a WordPress site is now much more intuitive.
To get the most out of the editor, you'll need to familiarize yourself with the default elements that it includes. You have many familiar options here, including lists, paragraphs, quotes, etc.
If you are familiar with the new system, there is a specific type of block that you should pay attention to, called layout components. Using these blocks, you add columns to your page, as well as Read more elements, punctuation, page breaks and spacing.
Three plugins to add new blocks to the WordPress editor
As soon as Block Editor appeared on the WordPress community radar, it didn't take long for developers to get started. However, there are now a lot of plugins you can use to add new blocks. Here are 3 plugins we want you to learn.
1. Atomic Blocks
Atomic Blocks is the most popular WordPress block plugin so far. It adds 11 new blocks to the editor and its selection opens up a lot of interesting design possibilities.
As soon as you activate this plugin, you will see a new tab when adding a block:
Some of these require no explanation such as AB Button and AB Testimonials. However, other points such as AB Post Grid and AB Spacer are quite interesting to use and provide ways to change the page layout currently not available with the default block collection.
Main function:
- Add 11 new blocks to the editor.
- Allows you to fully customize the style and content of each new block.
See more : How to create a multilingual WordPress website
2. Stackable
Stackable adds more than 20 new blocks to the WordPress editor, making it the best choice if you want lots of new elements. Among those blocks, you have some simple options, such as buttons, separators, and containers.
However, Stackable also provides more advanced blocks. Some of our favorites include the Team Member section and Pricing Box
In particular, Stackable allows you to select which block you want to add to the editor. This means you clear the options you don't need and make it easier to find related blocks.
Main function:
- Add more than 20 new options to the WordPress Block Editor.
- Lets you customize each block with multiple options.
- Lets you enable and disable blocks from the editor.
3. Gutenberg Blocks and Template Library by Otter
Gutenberg Blocks and Template Library by Otter are our own plugins that add both new blocks for you to play with, pre-made templates with WordPress Block Editor that you can easily import into your site.
When you install and activate the plugin, you can start using the blocks from the section Otter new in the interface Add blocks :
You can also insert patterns from blocks Part :
Main function:
- Add more than 12 new elements to the WordPress Block Editor.
- Includes Gutenberg compatible templates that you can insert right from the Block Editor.
How to create custom blocks with two simple plugins.
1.Block Lap
Blocks are basically collections of custom fields. The difference lies in the fields and values you use for each block. With Block Lab, you can add new blocks to the editor and assign a category to them.
For each block, you add as many custom fields as you want, choosing from the presets.
However, although the plugin does most of the hard work, you still need to know how to combine simple HTML templates to customize the layout of each block.
2. Lazy Blocks
The Lazy Blocks experience is quite similar to that of Block Labs. You can combine custom blocks by using predefined fields and arrange them in the order you want.
The main difference here is that Lazy Blocks allows you to modify the pattern of blocks from within the dashboard, so you don't have to use a text editor.
Fine-tuning your block samples is different, but not superior to Block Labs, so find out for yourself these two plugins.
See more : Create a free Website
Conclude
The WordPress block editor is a significant change from the old way. However, this change brings a lot of interesting opportunities. The block system is fairly easy to use and the selection of elements that it includes outside the box is also easy.
However, to get the most out of the WordPress Block Editor, you'll want to find a way to add new items to it. You can do this by using the plugins as mentioned above.
0 Comments