With the release of the new version on December 6, 2018, WordPress 5.0 Kirk introduced a default default The block editor, also known as Gutenberg. This new content editor can help you create content in a completely different way. It replaces WordPress Tinymce editor and brings a more intuitive way in the form of block.
Gutenberg Editor provides rich pre -built elements or block libraries. You can use them while working on the WordPress website. Each content is a dragable block. These blocks are editors for creating content layout.
Whether you have updated your website to WordPress 5.0, you should learn how to use Gutenberg Block to promote your future development. Here, you will get a comprehensive idea and list of all Gutenberg Blocks WordPress and the popular 30 blocks.
WordPress Gutenberg Blocks: Your best partner in the future
Gu Tengbao District Blocks will undoubtedly optimize and intelligent content creation process. Once you are used to this editor, it will significantly reduce your website development time.
In short, Gu Tengbao is a new block editor of the WordPress platform. It gradually changes the way you create posts, pages, products and almost all content on the website.
In fact, you can use Gutenberg to process all types of components in a more organized way. Such as text, images, videos, tables, etc. If you are a newbie of Gutenberg Editor, please visit this beginner guide to obtain useful prompts and skills.
Note:
The front -end view of the block depends largely on the theme you use in the site.
The default Gu Tengbao block in WordPress
In order to prepare for the future, you must understand the default Gutenberg Blocks name And its usage. As a WordPress user, you may be sooner or laterYou need to understand these blocks.
So the ancient Tengbao block was organized by the following categories: [ 123] The most commonly used
Common block
Formatting
layout
Small components
Embedded
You can add a new block to your website by clicking the \”+\” plus number icon. At the top of the list, you will find the most commonly used block. Those blocks you use more frequently in the site will be displayed here.
How to search for blocks in WordPress
In this way, the block is grouped according to the category. Click the title to unveil the veil of the square.
Group category
In addition, you can edit the font size of the font, sink down the first word, change the specific block of the specific block from the right side Text and background color.
Let us see how they actually work!
Common blocks -often used in any post
The following is the most common block required for anyone publishing posts, including text and images. You need these basic elements to be a definition page or publish on your website.
paragraph: Simple and pure text blocks used to add a single content paragraph.
Picture
: Insert a picture in any position of the post
: Add title tag
Gallery
: Display a set of images in the gallery style
: Add items or number list
quotation : Including 2 different kinds of different kinds Citation
Audio : Upload audio files on your website
Cover : Insert video or audio files with text coverage [[ 123]
File : Add to the link to the able file
: Upload the video file and play directly on your website
Formats -additional custom options
These blocks are used to add some additional format options to your content, such as code, verses, and other text types that need special formats.
] Code:
Easily write any type of technical code
Classic: Edit tools that provide classic WordPress editor Custom HTML: [123 ] Insert a custom HTML code and preview directly in the WordPress editor
Pre -formatting: Add text that respects the spacing and expressions
PULLQUOTE:
Add a special visual emphasis to the reference to the text
Form:
Use the form display form data Poetry:
Write poetry and other other Literary expression, including all spaces and changes
Layout elements-enhanced design style
These blocks can help you represent the site content in an attractive way. It makes your website more attractive to visitors.
button: Links with different backgrounds and text colors
column: Create a multi -column layout, you can include other types of blocks in each column
Media and text:
Put in text and media files in one block; Different columns
More:
Divide your content into two parts, including \”Read more\” block
The website content is divided into multiple pages
Differential symbol:
Add a short horizontal line to your post
Interval:
In your post The two blocks contain a large rectangular blank space
text column:
Add text and display it in two to four columns, just like newspapers.
Small components -Add some small components to any page or post
These blocks allow you to add WordPress components to the content. They are moreIt may be used for sidebar and footprints.
] Simplified code:
Insert custom content through wordpress simplified code, such as form
File:
Show the monthly archive of your post
Calendar:
The monthly calendar of the post
Category:
The list of all your posts
Latest comment: Last 5 reviews (not, not Complete comment) Latest-POSTS:
The list you recently posted
RSS: Add RSS to any page or post [123 ]
Search:
Search WordPress to any page or post
Tag cloud:
The label of your post tag
[ 123] Embedded-Insert content from other sources
Embedded block allows you to embed images, videos, pushes, audio, Facebook posts and other content from external resources.
YouTube
Twitter Facebook
Instagram Victoria
Sound Cloud spotify
Frick Anime version
Cloud [ [ 123] University humor
Daily exercise
funny or death
Gourd
Imger
[ 123] crowdfunding
Meetup.com
Mixed cloud
Photo barrel
Bodadi
Red Di.com
Confusion
Screenshot
Copybook
Slide Sharing
Smugmug
Speaker
Thailand De
Great
VisionFrequency Press
WordPress
WordPress.tv
Repeatable block:
Once you press \”Add to reusable use can be used. \”Block\”, one block, it can be reused for further use. Maybe you can find it in the shared menu.
third -party plug -in to expand to expand Your blocking list and function
You can install other basic plug -in to expand your blocking list with high -level and powerful attributes. Selecting a rich plug -in, it may be easy to add the new block to your editor. And you can perform many advanced functional activities that can not be achieved using the default block elements.
For example, some gallery plugins allow you to use blocks to add gallery with many advanced effects.
In addition, you will also find a large number of plug -in specially used to add new blocks. Here, we list some top WordPress plug -ins, you can use them to add new blocks and default blocks.
The ultimate plug -in of Gu Tengbao
—— Free plug -in with more than 15 Gutengbao blocks
COBLOCKS
– Page page Gentelburg block
can stack
– Gutengbao building block
Ultimate blocks
– Customized Gutengbao Building Block
[123 ] Advanced Gu Tengbao – More than 20 new blocks in Gu Tengbao kadnce block
– Gutenberg Page Builder Toolkit
ENVIRA Gallery
-Wordpress block of the photo gallery
Atomic block -Gutengbao block collection
The ultimate plug-in of Gu Tengbao-with the same More than 15 free plugins of Gu Tengbao
It is one of the most popular plugins of many ancient Tengbao users. The ultimate plug -in of Gu Tengbao is a complete and unique and creative blockbuilding. Therefore, you can use this plug -in to enhance your editor to build beautiful pages and posts.
It includes more than 15 Gu Tengbao blocks, including:
Multi -button: [ 123] Add multiple customable buttons to a single response block.
Advanced title: Including fashion and attractive titles and subtitles with separators
Information box:
Insert a title with a title The image or icon described
Price list:
Easily create a price table like a restaurant menu
Recommended:
Add this block to add a customer comment with this block to add customer comment
The most surprising thing is that this plug -in has built -in support for ASTRA theme. ASTRA is completely compatible with Gutengbao. COBLOCKS -Page Generator Gutengbao block
COBLOCKS built a set of creative sets of creative Gutenberg editors Page wordpress block. It will enhance your experience on the page of Gutenberg. This lightweight WordPress plug -in will help you create a beautiful webpage.
You can use the COBLOCKS function to build the entire website. In addition, it allows you to design web pages with attractive printing elements.
Can stack -Gutengbao Building Block
Stackable designed for the new WordPress block editor. It supports 23 quality page planes of GutenbergCreate and more than 50 block layouts and preset parts/block design. It provides advanced and flexible web design options, allowing your web development journey to progress smoothly.
Some popular stacks are as follows:
container block
Election grid block
Title Block
counting block
Team members stop
Notification block
Through these customized and diversified design layouts to enhance your design ability Essence
Ultimate Blocks -Customized Gutengbao Building Block
This Gutenberg Blocks plug -in designed for bloggers and marketers. Therefore, you can use gutnberg to create better and fascinating content.
At present, Ultimate Blocks supports about 20 blocks, making your development journey more exciting. Some remarkable features are as follows:
Content filter
countdown
image slider
tab type content
] Style Frame
Content switching
You can add their interactive Facebook group to get further help.
Advanced Gu Tengbao -more than 20 new blocks of Gu Tengbao
Advanced Gutenberg to make the default Gutenberg editor More powerful, you can build professional websites very easily. It provides more than 20 new blocks and options to smoothly customize your WordPress website.
Here you will get a unique block, for example:
] Column Manager
Latest post Slog
Tag block
icon block
Advanced image block
Email selects the block
There are many
Nevertheless, they have detailed documents and personalized forumsCome to provide support for their users. Kadence Block-Gutengbao page builder tool package
Use this plug-in, you can make custom blocks and options Add to your ancient Tengbao editor. Perhaps it can expand the editing function of Gutenberg so that you can create a custom layout and more attractive content.
Kadence does support the following blocks:
Line layout
Advanced gallery
Advanced title
[ 123] Advanced button
Tag
Hand -piano
icon
interval/separator
Information information Frame
icon list
In addition, it can also allow you to easily build any type of layout. This can only be achieved through the popular WordPress Page Builder plug -in.
123]
ENVIRA is a completely optimized and powerful plug -in. You can insert the gallery on your WordPress website without affecting the speed of the website. Using this gallery plug -in, you can include albums, labels, social media integration, gallery template/gallery layout, deep links, pagination, e -commerce, image school pair, etc.
After activating this plug -in, you will find a new option under Common Blocks. From there, you can search for different types of gallery style as needed. The plug -in is completely compatible with the WoOocommecre plugin, so you can easily use it to sell photos for any photography website.
Atomic block -Gutengbao block collection
Atomic blocks brought a new and classic Gutenberg block. The same talented Array Themes team is also working for this fashionable building block.
At present, Atomic Blocks has 15 GUTENBERG blocks, and more is under development:
After installing the plug -in, you It will get a new Atomic Blocks part in the Gutenberg interface. Before using them on your website, you can view all the live demonstrations. Building a page with block editors and atomic blocks allows you to fully control the fast design and start any type of website you want!
7 best Gutenberg Block plug -in can enrich your content outlook
However, you may find some some of the some More useful plug -ins, they have excellent blocks, they can create exquisite content in an optimized way. Don’t forget to share your thoughts with us!
The new era of website design has opened the new era of website design
Gutenberg editor is mainly based on the concept of block. These blocks introduce a new way to edit posts and page content in WordPress editors. Through these blocks, you can easily add a variety of content to your posts and pages.
In this blog, we try to share all information about the Ge Tengbao block. Therefore, you can use the revolutionary design layout of the new WordPress editor to easily update yourself.
You can also tell us your story in the comments below and inquire about any questions related to WordPress.
In this way, the block is grouped according to the category. Click the title to unveil the veil of the square.
In addition, you can edit the font size of the font, sink down the first word, change the specific block of the specific block from the right side Text and background color.
Simple and pure text blocks used to add a single content paragraph. 
Add text that respects the spacing and expressions 
Add RSS to any page or post [123 ] 
Price list: 
Here you will get a unique block, for example: 
The website content is divided into multiple pages 
Information information Frame 
Sharing icon block