Are you looking for the best Gutenberg block plugins for your WordPress site?
您是否正在为您的WordPress网站寻找最佳的Gutenberg块插件？
Gutenberg blocks are the editor blocks that are used to create content layouts in the new WordPress block editor aka Gutenberg. Introduced in WordPress 5.0, the Gutenberg editor is a fully block-based editor where each piece of content is a draggable block.
Gutenberg块是用于在新的WordPress块编辑器 (又称为Gutenberg)中创建内容布局的编辑器块。 Gutenberg编辑器是WordPress 5.0中引入的，它是完全基于块的编辑器，其中每个内容都是可拖动的块。
By default, WordPress offers a set of basic content blocks like a paragraph, image, button, list, and more. Some top WordPress plugins will add their own blocks to make it easy for you to embed their features.
默认情况下，WordPress提供了一组基本的内容块，例如段落，图像，按钮，列表等。 一些顶级WordPress插件会添加自己的块，以使您轻松嵌入其功能。
However there are now an entire suite of plugins dedicated to offer custom content blocks for Gutenberg.
但是，现在有一整套专用于为Gutenberg提供自定义内容块的插件。
In this article, we’ll share some of the best Gutenberg block plugins for WordPress sites. We will start with some of the default blocks and then switch to block plugins.
在本文中，我们将分享一些适用于WordPress网站的最佳古腾堡块插件。 我们将从一些默认的块开始，然后切换到块插件。
7个最有用的省时默认WordPress块 (7 Most Useful Time-Saving Default WordPress Blocks)
The Gutenberg Editor includes blocks for all types of content elements.
古腾堡编辑器包含所有类型的内容元素的块。
The new blocks make it easy to add elements like buttons, cover images, tables, and more. In the older versions of WordPress, you had to install plugins to add such common web elements.
新的块使添加按钮，封面图像，表格等元素变得容易。 在旧版本的WordPress中，您必须安装插件才能添加此类常见的网络元素。
Here are some super useful default WordPress Gutenberg blocks that you can use right away.
这是您可以立即使用的一些超级有用的默认WordPress Gutenberg块。
1. Button Block: Lets you add call to action buttons in your WordPress pages and articles. To add buttons in the old editor, you either had to use a plugin or write HTML code.
1.按钮块 ：让您在WordPress页面和文章中添加号召性用语按钮。 要在旧的编辑器中添加按钮，您必须使用插件或编写HTML代码。
2. Media & Text Block: Lets you add image and text side-by-side. Doing this with the old Classic Editor was a confusing task for beginners.
2.媒体和文本块 ：可让您并排添加图像和文本。 使用旧的经典编辑器执行此操作对于初学者来说是一个令人困惑的任务。
3. Cover Block: It is a new feature in WordPress, which allows you to add stunning cover images in your posts and pages. See our guide on the difference between cover images vs featured images.
3. Cover Block ：这是WordPress中的一项新功能，可让您在帖子和页面中添加精美的封面图像。 有关封面图像与精选图像之间的区别，请参见我们的指南。
4. Table Block: Enables you to easily create basic tables in WordPress posts and pages. For advanced tables with search, sorting, and ordering features, we still recommend the free TablePress plugin.
4.表格块 ：使您可以轻松地在WordPress帖子和页面中创建基本表格。 对于具有搜索，排序和排序功能的高级表格，我们仍然建议使用免费的TablePress插件 。
5. Embed Blocks: Gutenberg editor also includes many embed blocks for popular websites. You can use them to easily embed tweets, YouTube videos, and more.
5.嵌入块 ：Gutenberg编辑器还包括许多流行网站的嵌入块。 您可以使用它们轻松嵌入推文 ， YouTube视频等。
6. Columns Block: Allows you to easily create multi-column layouts for your blog posts and pages.
6.列块 ：允许您轻松地为博客文章和页面创建多列布局 。
7. Shortcode Block: Allows you to add shortcodes in your WordPress posts and pages easily.
7.简码阻止 ：允许您轻松在WordPress帖子和页面中添加简码。
Besides these, there are many other blocks that you can explore and try without using a plugin.
除了这些之外，您还可以在不使用插件的情况下探索和尝试其他许多功能。
With that said, let’s take a look at some of the best WordPress blocks offered by WordPress plugins.
话虽如此，让我们看一下WordPress插件提供的一些最佳WordPress块。
适用于您的WordPress网站的最佳古登堡块插件 (Best Gutenberg Blocks Plugins for Your WordPress Site)
There are two types of Gutenberg blocks plugins available on the market. We will cover both of them:
市场上有两种类型的Gutenberg块插件。 我们将介绍它们：
- Single Purpose Blocks Plugins 单一用途块插件
- Gutenberg Blocks Libraries 古登堡图书馆
The single purpose plugins are mostly the popular WordPress plugins which have been in the market for a long time. They specialize in one specific feature and usually provide a single powerful block to add content in WordPress.
单一目的插件大部分是市场上已存在很长时间的流行WordPress插件。 他们专门研究一种特定功能，通常提供一个功能强大的模块来在WordPress中添加内容。
For example, WPForms is a popular WordPress form plugin for making powerful forms in WordPress. It offers a WordPress block to add contact forms, surveys, order forms, etc in your posts and pages.
例如， WPForms是一个流行的WordPress表单插件，用于在WordPress中创建功能强大的表单。 它提供了一个WordPress块，可以在您的帖子和页面中添加联系表，调查表，订单表等。
On the other hand, there are block collection plugins which combine many different content elements in a single plugin. For example, Atomic Blocks plugin adds more than 14 new blocks to your WordPress editor.
另一方面，有一些块收集插件，它们在一个插件中结合了许多不同的内容元素。 例如， Atomic Blocks插件向您的WordPress编辑器添加了14个以上的新块。
Single Purpose Block Plugins vs Block Library Plugins
单一用途块插件与块库插件
Now that you know about the options, you might be wondering if one is better than the other. Here are some important points to consider before choosing one over the other.
既然您知道了这些选项，您可能想知道一个选项是否比另一个更好。 在选择其中一项之前，需要考虑以下重要事项。
Single purpose block plugins add only one feature, but they offer the most comprehensive set of options, integrations, etc. Simply put, they offer the most complete solution for the specific use-case.
单一用途块插件仅添加了一个功能，但它们提供了最全面的选项，集成等。简而言之，它们为特定用例提供了最完整的解决方案。
The block library plugins include a collection of blocks for different purposes, but these blocks are not as fine-tuned as the single feature blocks. While they offer a lot of blocks, they may not be as powerful.
块库插件包括用于不同目的的块集合，但是这些块的调整程度不如单个功能块。 尽管它们提供了很多功能块，但它们可能没有那么强大。
Another disadvantage of using block suites is that they pollute your block list unnecessarily specially if you are only using a few blocks in the collection.
使用块套件的另一个缺点是，如果您仅使用集合中的几个块，它们会不必要地污染您的块列表。
With that said, let’s take a look at the best WordPress Gutenberg block plugins.
话虽如此，让我们看一下最好的WordPress Gutenberg块插件。
1. WPForms – WordPress表格的最佳古登堡块 (1. WPForms – Best Gutenberg Block for WordPress Forms)
WPForms is the most user-friendly WordPress form plugin in the market. It allows you to easily create simple contact forms as well as more powerful forms like interactive polls, surveys, order forms, etc. on your WordPress site.
WPForms是市场上最用户友好的WordPress表单插件。 它使您可以轻松地在WordPress网站上创建简单的联系表单以及更强大的表单，例如交互式民意测验 ， 调查 ，定单等。
WPForms offer a block for adding WordPress forms on your posts and pages.
WPForms提供了一个在您的帖子和页面上添加WordPress表单的块。
Also, you can easily integrate your forms with email marketing tools, eCommerce plugins, and CRM software.
此外，您可以轻松地将表单与电子邮件营销工具 ， 电子商务插件和CRM软件集成。
2. Envira画廊–照相馆的最佳WordPress区块 (2. Envira Gallery – Best WordPress Block for Photo Galleries)
Envira Gallery is the most powerful WordPress gallery plugin available. It allows you to create image and video galleries on your website easily.
Envira Gallery是可用的最强大的WordPress Gallery插件 。 它使您可以轻松地在网站上创建图像和视频库。
The plugin is Gutenberg ready with a native block to embed galleries in your website.
该插件已为古腾堡(Gutenberg)做好了准备，带有一个原生块，可将画廊嵌入您的网站。
Envira Gallery includes advanced features like watermark protection, image proofing, and seamless integration with WooCommerce to let you sell your photos.
Envira Gallery包括水印保护，图像校样以及与WooCommerce的无缝集成等高级功能，可让您出售照片。
3. WP通话按钮 (3. WP Call Button)
WP Call Button is a single purpose block plugin that helps you easily add click to call button on your WordPress site.
WP Call Button是一个单一用途的插件，可帮助您轻松地在WordPress网站上添加点击通话按钮。
Aside from adding clickable phone numbers in your contact page, WP Call Button also has a smart floating call button that lets you add highly visible click to call button on all pages of your website (specially for mobile users).
除了在联系人页面中添加可点击的电话号码外，WP呼叫按钮还具有一个智能的浮动呼叫按钮，可让您在网站的所有页面上(特别是针对移动用户)添加高度可见的点击呼叫按钮。
This helps you get more phone calls and close more sales for your business.
这可以帮助您获得更多的电话，并为您的业务带来更多的销售额。
Their smart phone buttons have built-in click tracking with Google Analytics, so you can easily see which pages on your site are performing the best.
他们的智能手机按钮具有Google Analytics(分析)的内置点击跟踪功能，因此您可以轻松查看网站上哪些页面的效果最佳。
The phone button block comes with tons of customization options, so you can easily customize the call button to match your website design.
电话按钮块带有大量自定义选项，因此您可以轻松自定义呼叫按钮以匹配您的网站设计。
4.古腾堡的终极插件–具有15个以上古腾堡块的免费插件 (4. Ultimate Addons for Gutenberg – Free Plugin with 15+ Gutenberg Blocks)
Ultimate Addons for Gutenberg is the most widely used Gutenberg blocks library plugin. Created by the people behind the popular Astra theme, this plugin is actively installed on over 100,000 websites.
古腾堡的Ultimate Addons是最广泛使用的古腾堡块库插件。 该插件由流行的Astra主题背后的人们创建，目前已在100,000多个网站上积极安装。
It includes over 15 Gutenberg blocks, including the following:
它包括超过15个Gutenberg街区，其中包括：
- Info Box Block – Add an info box with an image, heading, and description. 信息框块–添加带有图像，标题和描述的信息框。
- Multi Buttons Block – Lets you add multiple buttons within a single block. 多按钮块–使您可以在单个块中添加多个按钮。
- Team Block – Allows you to create team section with photos. Team Block –允许您使用照片创建团队部分。
- Price List Block – Lets you create a price list like a restaurant menu easily. 价目表块–使您可以轻松地像餐厅菜单一样创建价目表。
- Testimonial Block – Useful to add testimonials on your website. 推荐区–在您的网站上添加推荐区很有用。
An advantage of using this plugin is that it comes with built-in support for Astra Theme and all their starter sites. This means you can import a starter site and use the block editor to create beautiful layouts.
使用此插件的一个优点是它内置了对Astra Theme及其所有入门网站的支持。 这意味着您可以导入入门站点并使用块编辑器来创建漂亮的布局。
5.原子块–免费的古腾堡块收藏插件 (5. Atomic Blocks – Free Gutenberg Blocks Collection Plugin)
Atomic Blocks is a free Gutenberg plugin with a collection of custom WordPress blocks. It includes over 14 useful Gutenberg blocks.
Atomic Blocks是一个免费的Gutenberg插件，带有自定义WordPress块的集合。 它包括超过14个有用的古腾堡块。
This library comes with some of the best WordPress blocks that you may need.
该库带有您可能需要的一些最佳WordPress块。
- Advanced Columns Block – Create beautiful multi-column layouts. 高级列块–创建漂亮的多列布局。
- Section & Layout Block – Pre-designed page sections and page layouts. 节和布局块–预设计的页面节和页面布局。
- MailChimp Email form.MailChimp电子邮件表单。
- Pricing Block – Build beautiful pricing tables in WordPress. 定价块–在WordPress中建立漂亮的定价表。
- Share Icons Block – Add social share buttons to your posts and pages. 共享图标阻止–将社交共享按钮添加到您的帖子和页面。
Atomic Blocks also comes in the form of a WordPress theme. The theme includes all the blocks offered by the plugin, and lets you create a beautiful website.
原子块也以WordPress主题的形式出现。 主题包括插件提供的所有块，并允许您创建一个漂亮的网站。
Atomic Blocks was acquired by WP Engine, one of the leading managed WordPress hosting companies. They have bundled Atomic Blocks and premium StudioPress themes for free with all their hosting plans.
Atomic Blocks被WP Engine收购， WP Engine是领先的托管WordPress托管公司之一。 他们将所有托管计划免费捆绑了Atomic Blocks和高级StudioPress主题。
6. Kadence块–古登堡的自定义块插件 (6. Kadence Blocks – Custom Blocks Plugin for Gutenberg)
Kadence Blocks is yet another WordPress block collection plugin. It comes with some of the most commonly used blocks and helps you add more functionality to your content editor.
Kadence Blocks是另一个WordPress区块收集插件。 它带有一些最常用的块，可帮助您向内容编辑器添加更多功能。
The plugin is available in both free and premium versions. The free version includes 10 custom blocks, including the following:
该插件提供免费和高级版本。 免费版本包括10个自定义块，其中包括：
- Row Layout Block – Insert content blocks in one or multiple columns in a row. 行布局块–将内容块插入一行中的一列或多列中。
- Tabs Block – Lets you create horizontal or vertical tabs and customize them. 制表符块–使您可以创建水平或垂直制表符并对其进行自定义。
- Accordion Block – Create beautiful accordions in your website. 手风琴座–在您的网站上创建漂亮的手风琴。
- Icon List Block – Lets you create attractive lists with custom icons instead of default bullets. 图标列表块–使用自定义图标而不是默认项目符号创建有吸引力的列表。
The plugin allows you to deactivate the blocks that you will not use. Doing so keeps your editor clean and lightweight.
该插件允许您停用将不使用的块。 这样做可以使您的编辑器保持干净轻巧。
If you like these blocks and want more blocks from Kadence Themes, then you can buy their pro plugin or membership plan.
如果您喜欢这些模块，并希望从Kadence Themes中获得更多模块，则可以购买其专业插件或会员计划。
7. Otter提供的Gutenberg块和模板库–免费WordPress块插件 (7. Gutenberg Blocks and Template Library by Otter – Free WordPress Blocks Plugin)
Gutenberg Blocks and Template Library by Otter is another useful WordPress blocks plugin which adds extra Gutenberg blocks to your site.
Otter提供的Gutenberg块和模板库是另一个有用的WordPress块插件，可将额外的Gutenberg块添加到您的网站。
There are more than 10 WordPress blocks included in this plugin. Here are some of the useful blocks:
此插件中包含10多个WordPress块。 以下是一些有用的块：
- page builder plugins.页面构建器插件中的列来构建布局。
- Google Maps Block – Lets you embed Google maps on your website. Google Maps Block –可让您将Google地图嵌入到您的网站中。
- About Author Block – Allows you to show about author box on your website. 关于作者框–允许您在网站上显示关于作者框。
- Sharing Icons Block – Lets you add social sharing icons on your WordPress articles easily. 共享图标块–使您可以轻松地在WordPress文章上添加社交共享图标。
In addition to the Gutenberg blocks, the plugin also includes Gutenberg compatible templates to help you create stunning pages quickly. Otter is created by the same team behind ThemeIsle, a popular WordPress themes company.
除Gutenberg块外，该插件还包括与Gutenberg兼容的模板，可帮助您快速创建精美的页面。 Otter由流行的WordPress主题公司ThemeIsle背后的同一团队创建。
8. Ultimate Blocks –适用于Blogger的免费Gutenberg Blocks插件 (8. Ultimate Blocks – Free Gutenberg Blocks Plugin for Bloggers)
Ultimate Blocks plugin is also a block collection plugin with several extra blocks for Gutenberg. It includes easy to use blocks useful for bloggers and marketers.
Ultimate Blocks插件也是一个块收集插件，为Gutenberg提供了几个额外的块。 它包括易于使用的块，对博客和营销人员有用。
Here are some of the blocks offered by the plugin:
这是插件提供的一些功能块：
- Review Block – Lets you add review with product name, features, summary, and star rating. 评论块–使您可以添加带有产品名称，功能，摘要和星级的评论。
- Table of Contents Block – Helps to create table of contents from the headings in your article. 目录块–帮助从您的文章标题创建目录。
- Call to Action Block – Lets you create a call to action box with heading, description, and a button. 号召性用语块–使您可以创建带有标题，说明和按钮的号召性用语框。
- Click to Tweet Block – Easily add tweetable content in your posts and pages. 单击推特阻止–轻松在您的帖子和页面中添加可发布内容。
- Notification Box Block – Allows you to add simple notification box in your articles. 通知框阻止–允许您在文章中添加简单的通知框。
9.先进的古腾堡–古腾堡的20多个新街区 (9. Advanced Gutenberg – 20+ New Blocks for Gutenberg)
Advanced Gutenberg plugin adds 20+ new blocks to your Gutenberg editor. The plugin helps you to create professional webpages easily and quickly.
先进的Gutenberg插件为您的Gutenberg编辑器添加了20多个新块。 该插件可帮助您轻松快速地创建专业网页。
Here are some of the Advanced Gutenberg blocks.
这是一些先进的古登堡块。
- Columns Manager Block – Predefined responsive columns to let you add multi-column content in WordPress. 列管理器块–预定义的响应列，可让您在WordPress中添加多列内容。
- Map Block – Lets you embed Google maps in your posts and pages. 地图块–可让您在帖子和页面中嵌入Google地图。
- Counter Block – Allows you to showcase numbers like total sales in an attractive manner. 柜台区–让您以吸引人的方式展示诸如总销售额之类的数字。
- Tabs Block – Lets you add content in tabs easily. 制表符块–使您可以轻松地在制表符中添加内容。
- Advanced List Block – Create visually attractive lists with custom list icons and styles. 高级列表块–使用自定义列表图标和样式创建外观精美的列表。
The plugin also gives you advanced block control options to activate blocks as per user roles.
该插件还为您提供了高级块控制选项，可以根据用户角色激活块。
Advanced Gutenberg Block plugin is created by JoomUnited.
先进的Gutenberg Block插件是由JoomUnited创建的。
10.可堆叠的古腾堡积木–美丽的定制积木 (10. Stackable Gutenberg Blocks – Beautiful Custom Blocks)
Stackable Gutenberg Blocks is a free WordPress block library plugin with beautiful custom blocks for WordPress sites. It includes more than 20 easy to use blocks for Gutenberg.
Stackable Gutenberg Blocks是一个免费的WordPress块库插件，具有用于WordPress网站的漂亮自定义块。 它包括20多个古腾堡易于使用的块。
Here are some of the cool WordPress blocks offered by this plugin.
这是此插件提供的一些很酷的WordPress块。
- Container Block – Allows you to combine different blocks in a single row. 容器块–允许您将不同的块合并为一行。
- Feature Grid Block – Lets you showcase your product features or portfolio in stylish grid layouts. Feature Grid Block-让您以时尚的网格布局展示产品功能或产品组合。
- Team Members Block – Lets you showcase your team members with their position, duties, and specialities. 团队成员区–可让您向团队成员展示其职位，职责和专长。
- Vimeo videos.Vimeo视频添加全屏视频弹出窗口。
Stackable also offers impressive effects and background options. You can use image and video backgrounds, fixed images, gradient background effects, and more.
Stackable还提供令人印象深刻的效果和背景选项。 您可以使用图像和视频背景，固定图像，渐变背景效果等。
11. CoBlocks –免费页面构建WordPress块 (11. CoBlocks – Free Page Building WordPress Blocks)
CoBlocks is a free plugin with a collection of page building WordPress blocks. Like most block collection plugins, it offers extra blocks to supercharge the block editor in WordPress.
CoBlocks是一个免费插件，其中包含页面构建WordPress块的集合。 像大多数区块收集插件一样，它提供了额外的区块来增强WordPress中的区块编辑器。
Here are some useful Gutenberg blocks offered by this plugin:
这是此插件提供的一些有用的古腾堡块：
- Rows and Columns Blocks – Lets design dynamic layouts based on grid system. 行和列块–使您可以基于网格系统设计动态布局。
- Carousel Gallery Block – Enables you to create carousel galleries and showcase your images. 旋转木马画廊块–使您可以创建旋转木马画廊并展示您的图像。
- Alert Block – Create attractive alerts and insert into your WordPress posts and pages. 警报块–创建有吸引力的警报并将其插入WordPress帖子和页面。
- Author Profile Block – Lets you add author profile on your WordPress site. 作者个人资料块–可让您在WordPress网站上添加作者个人资料。
The plugin lets you customize your blocks with ease. You can change fonts, set margin and padding, pick colors, and more.
该插件可让您轻松自定义块。 您可以更改字体，设置边距和填充，选择颜色等等。
12. TinyMCE高级 (12. TinyMCE Advanced)
TinyMCE Advanced is a popular plugin that enhanced the old classic editor with more formatting options. It has been updated to support the new Gutenberg block editor.
TinyMCE Advanced是一个受欢迎的插件，它使用更多格式选项增强了旧的经典编辑器。 已对其进行更新以支持新的Gutenberg块编辑器。
It now offers additional formatting and styling options in default Gutenberg blocks. For example, you’ll see new formatting buttons in toolbars with the ability to choose fonts. You can also adjust which buttons you want to see in the toolbar.
现在，它在默认的Gutenberg块中提供了其他格式和样式选项。 例如，您将在工具栏中看到具有选择字体功能的新格式按钮。 您还可以调整要在工具栏中看到的按钮。
Some Honorable Mentions
一些荣誉奖
Besides the ones we mentioned above, there are many Gutenberg blocks plugins on the market. Here are some honorable mentions you can use as alternatives to the above-listed plugins.
除了我们上面提到的那些外，市场上还有许多古腾堡块插件。 以下是一些荣誉提及，您可以将其用作上述插件的替代品。
- Getwid – Free Gutenberg Blocks LibraryGetwid –古登堡免费图书馆
- Easy Blocks – Gutenberg Blocks Plugin with 20+ Custom BlocksEasy Blocks –具有20多个自定义块的Gutenberg块插件
- Editor Blocks for Gutenberg – WordPress Blocks Collection Plugin古腾堡的编辑器块 – WordPress块集合插件
- Google Maps Gutenberg Block – WordPress Google Maps BlockGoogle Maps Gutenberg块 – WordPress Google Maps块
In addition to those already mentioned, most of the content-focused WordPress plugins are now Gutenberg compatible and come with their own blocks.
除了已经提到的之外，大多数以内容为中心的WordPress插件现在都与Gutenberg兼容，并带有自己的块。
We hope this article helped you to find the best Gutenberg blocks for your WordPress site. You may also want to see our handpicked list of Gutenberg friendly WordPress themes.
我们希望本文能帮助您找到适用于WordPress网站的最佳古腾堡块。 您可能还想查看我们精选的Gutenberg友好WordPress主题列表。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
如果您喜欢这篇文章，请订阅我们的YouTube频道 WordPress视频教程。 您也可以在Twitter和Facebook上找到我们。
翻译自: https://www.wpbeginner.com/showcase/best-gutenberg-blocks-plugins-for-wordpress/
365
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
