|
|
The block editor is designed to be intuitive and flexible.
|
|
|
It’s the new default page builder integrated into WordPress that makes it easier than ever to build pages using blocks.
|
|
|
.
|
|
|
|
|
|
Once you know where everything is, you’ll quickly become accustomed to adding blocks to the page, adding content to those blocks and styling them to suit your theme.
|
|
|
##How to use
|
|
|
|
|
|
|
|
|
Click on the add new block button (+) in the top left corner of the editor, below an existing block, or on the right side of a block.
|
|
|
|
|
|
![addblockbuttons](uploads/786586805fafe867b3138b70e1178362/addblockbuttons.png)
|
|
|
|
|
|
![addingblocks](uploads/c6800e6845505c67d2595b1fa30e64cd/addingblocks.gif)
|
|
|
|
|
|
Each block comes with its own toolbar which appears on top of the block. The buttons in the toolbar would change depending on the block you are editing.
|
|
|
|
|
|
Apart from the toolbar, each block can also have its own block settings, which would appear in the right column of your edit screen.
|
|
|
|
|
|
##Saving and Reusing Blocks in Gutenberg
|
|
|
|
|
|
One of the best things about blocks is that they can be saved and reused.
|
|
|
Simply click on the menu button located at the right corner of each block’s toolbar. From the menu, select the ‘Add to reusable blocks’ option. After entering the name, will save the block as a reusable block.
|
|
|
|
|
|
![add-reusable-block-1](uploads/39c7d67a3b16dee4710a80a2668e5146/add-reusable-block-1.jpg)
|
|
|
|
|
|
You can be reusing this blocks in any new page/post, simply click on the add block button→ You will find your saved block under the ‘Reusable’ tab. You can also find it by typing its name in the search bar.
|
|
|
|
|
|
##Plugins
|
|
|
|
|
|
We're currently using:
|
|
|
for collection of page building blocks for the Gutenberg block editor:
|
|
|
|
|
|
- [Genesis block plugin](https://wordpress.org/plugins/genesis-blocks/)
|
|
|
- [Atomic blocks](https://atomicblocks.com/)
|
|
|
- [Ultimate Gutenberg blocks library](https://ultimategutenberg.com/)
|
|
|
|
|
|
for build custom blocks:
|
|
|
|
|
|
- [Genesis Custom Blocks](https://wordpress.org/plugins/genesis-custom-blocks/)
|
|
|
|
|
|
Extra :
|
|
|
- [Stackable Gutenberg blocks](https://wordpress.org/plugins/stackable-ultimate-gutenberg-blocks/)
|
|
|
- [Smart Slider 3](https://smartslider3.com/)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|