WordPress Gutenberg编辑使设计网站变得容易。但是,如果您希望您的网站发光,则不仅需要默认值 - 需要一个块插件。

WordPress的庞大生态系统提供数百个块编辑插件,可满足各种用例。为了使您更容易选择选项,我们已经梳理了每个可用的插件,并策划了WordPress网站的最佳块插件列表。 使用HubSpot的WordPress网站来发展业务

Gutenberg:WordPress块编辑器

Gutenberg编辑,又名WordPress块编辑器,是WordPress版本5.0引入的新内容编辑器。它取代了经典的Tinymce编辑器,并为WordPress中的编辑帖子和页面带来了基于块的模块化方法。

Gutenberg将标准页面元素(例如图像,表,段落和按钮)组织成块。这些块的作用像虚拟乐高积木,您可以在WordPress编辑器中添加,安排和组织。

一种基于块的方法消除了对快速代码和自定义HTML设计有吸引力的网站的需求。这样做可以使网页设计对没有技术专业知识的用户更容易。

Gutenberg Block编辑器是WordPress长期转变的一部分Full Site Editing。最近,随着发射WordPress 5.8,WordPress介绍了使用Block Editor管理站点小部件的能力。

这Gutenberg编辑bridges the gap between the classic editor and a page builder plugin likeElementoror Divi. It provides ease of use and customization while maximizing site performance with minimal page bloat.

WordPress gives you everything you need to build an attractive website — a simple user interface (UI), a massive plugin ecosystem, and an extensible codebase.

With that in mind, it’s no surprise that43.1%世界上使用WordPress为网站供电。

However, the default WordPress block editor isn’t equipped to push the limits of web design without code. But here’s the good news — WordPress lets you extend its content editing features using block plugins.

WordPress块插件的工作方式以及为什么需要它们

WordPress block plugins improve the functionality of the Gutenberg editor. They add new blocks and template libraries that make it easier to customize content.

这most common use-case for a blocks plugin is adding custom WordPress blocks to the available default block, but you can also add block patterns and improve the block editor interface using these plugins.

例如,默认的WordPress标题块使您可以自定义块类型,文本对齐以及文本字体和颜色。但这不能让您自定义高光的样式。你需要自定义CSSfor that.

In contrast, a block plugin likeKadence Blocks让您可以通过其高级标题块自定义文本亮点。您可以单独更改设置,例如每个块的高光颜色,背景颜色,不透明度,边框和填充。

最重要的是块插件为您的内容编辑过程提供了便利。它使您可以使用默认的块编辑器来做更多的事情,而花费更少的时间编写自定义CSS和HTML。

1。Genesis Blocks

Price:免费(功能有限);高级计划的起价为360美元/年。

Genesis Blocks WordPress plugin.

Genesis Blocks是一组AMP优化的块和块模式,可增强默认WordPress编辑器的内容编辑体验。尽管它是为Studiopress主题而设计的,但您可以使用任何WordPress主题这支持默认块编辑器。

Genesis Blocks插件可让您访问15种块类型,四个预先构建的页面布局和八个预构建部分。您无需从头开始构建页面和部分。您可以使用预设的模板并自定义以适合您的网站和品牌。

创世纪块的关键特征

  • bob官网官方网站新闻通讯块
  • 部分块
  • 定价块
  • Inline Notice Block
  • Accordion Block
  • Share Icons Block
  • Customizable Button Block
  • Author Profile Block

最好的块插件For:WordPress博客使用AMP

2。生成块

Price:免费(功能有限);Premium plans start at $39/year.

生成WordPress块插件。

GenerateBlocks并不是最简约的块gin on this list. It only offers five different block types out of the box. However, the beauty of this plugin is you can create virtually any design using these five blocks.

该Gutenberg插件是独一无二的,因为它产生了最小的CSS,并且其HTML结构非常简单。此外,它使您可以使用自定义内联SVG。您不需要诸如FONT太棒的第三方服务。这些功能可确保顶级性能。

Key Features of GenerateBlocks

  • 干净的代码
  • 动态CSS
  • Five flexible block types
  • SVG icons
  • 自定义背景和梯度

最好的块插件For:博客and websites seeking good performance and clean code.

3。Kadence Blocks

Price:免费(功能有限);Premium plans start at $69/year.

Kadence块WordPress块插件。

Kadence Blocks is a versatile blocks plugin that balances performance and functionality. It only loads JavaScript and CSS for the blocks specific to the page. That feature reduces the page size and ensures your website always loads instantly.

Kadence Blocks推动了块插件在WordPress中可以做的事情的边界,并使您可以访问900多个Google字体和1500 SVG图标。它还包括一个有用的“形式”块,可让您在没有第三方插件的情况下设计有吸引力的表单。

Key features of Kadence Blocks

  • 16种独特的块类型
  • Info Box Block
  • Image Sliders
  • 智能加载
  • 可配置的默认值
  • 可见性控制
  • Custom content editor width settings

最好的块插件For:Bloggers, business owners, and ecommerce store owners — Kadence Blocks is perfect for everyone

4。Stackable

Price:免费(功能有限);Premium plans start at $49/year.

可堆叠的Gutenberg块插件。

Stackable is one of the most comprehensive WordPress block plugins on the market. It offers 35 block types, including simple blocks — like headers and buttons — and advanced blocks like the “Team Members” block.

您可以使用可堆叠的情况构建任何WordPress网站,而无需触摸一系列代码。除了大量的块外,它还提供了数百个预设计的块和UI套件设计。而且,这不是全部。堆叠还支持WordPress多语言插件。

可堆叠的关键特征

  • 35个块类型
  • 预制设计和UI套件
  • 页面构建器喜欢功能
  • Testimonials Block
  • Multiple third-party integrations
  • 它不使用jQuery
  • 支持第三方插件的CSS和JS缩小

最好的块插件For:Beginners designing blogs and business websites

5.PublishPress Blocks

Price:免费(功能有限);Premium plans start at $49/year.

为古腾堡(Gutenberg)发布板块。

PublishPress Blocks is one of the best news-style block plugins on the market. Its “Content Display” block lets you showcase pages and posts using layout options such as List, Slider, Newspaper, Masonry, Frontpage, and Grid, and filter content by category, tag, and author.

PublishPress Blocks also includes a user-access permissions manager with the free version. You can use that feature to control block access for other site users for PublishPress’ and the default WordPress’ blocks.

Key Features of PublishPress Blocks

  • Content Display Block
  • 接触表格块
  • WooCommerce Block
  • User-role permissions
  • 页面构建器风格的块布局选项
  • Custom CSS snippet creator

最好的块插件For:Newspaper-style websites and blogs

6.Gutenberg的终极插件

Price: 自由的

Gutenberg的终极插件。

如果您是轻型Astra主题的粉丝,那么您会喜欢此块插件。Gutenberg的Ultimate插件是一个块编辑插件,旨在简化自定义Astra主题。它提供了一个简单的用户界面,使构建自定义网站毫不费力。

超过300,000个WordPress站点使用此块插件,并提供27种独特的块类型,包括Contact 7 Styler。您可以使用此插件本地设计有吸引力的联系表格。

Key Features of Ultimate Addons for Gutenberg

  • 操作模式块
  • FAQ Schema Block
  • 目录块
  • Lottie animations support
  • Inline Notice Block
  • 星级块
  • Contact Form 7 Styler

最好的块插件For:博客作者正在寻找一个适合SEO友好的块插件

7.getwid

Price: 自由的

Getwid Gutenberg块插件。

GetWid是一个WordPress Gutenberg块插件,它以40个块和35个以上的预设计模板扩展了默认编辑器。使其与众不同的是它是为WordPress开发人员和首次用户设计的。

GetWid可让您访问全面的功能列表,包括用于简易主题开发的样式套件和MailChimp集成块,以帮助您生成潜在客户。此外,它将其包装在用户友好的界面中,该界面与默认编辑器无缝播放。

getwid的主要特征

  • 内容时间表块
  • Video Popup Block
  • 倒数块
  • Instagram Block
  • Ready-to-use blocks and templates
  • ACF支持

最好的块插件For:Intermediate and advanced WordPress users looking for a blocks plugin with custom filters and meta query support

8.CoBlocks

Price: 自由的

CoBlocks open-source plugin.

coblocks是由Godaddy构建的流行的WordPress块插件。它提供了一组广泛的WordPress块,包括手风琴和图标等标准类型以及诸如GitHub Gist Block之类的独特块。

It bundles a free theme that leverages all the plugin features to make it easy for CoBlocks users to build WordPress websites. CoBlocks is unique because it’s licensed under theGNU GPL v2.0, allowing developers to contribute to the project and customize it for their clients.

Key Features of CoBlocks

  • 开源代码
  • 免费伴侣主题
  • GIF块
  • GitHub Gist Block
  • 警报块
  • 服务块

最好的块插件For:博客and businesses needing a plugin that can easily design a services page

9。终极块

Price: 自由的

终极块Gutenberg plugin.

终极块is one of the best Gutenberg blocks plugins for marketers. It offers Review, Social Share, Star Rating, and HowTo schema blocks that make it easy to build attractive affiliate sites that convert.

终极块还包括预先配置的数据标记,以简化构建SEO友好的网站,并单击以鼓励访问者共享您的内容的tweet块。使用此块插件,您可以驱动流量和增强您的社交媒体游戏。

终极块的关键特征

  • 倒数块
  • 星级块
  • 进度栏块
  • 评论块
  • HowTo Block
  • Schema-enabled Blocks
  • 呼叫行动块

最好的块插件For:寻求用户友好的WordPress评论块的会员营销人员

10.

Price: 自由的

水獭块和模板库。

獭is a WordPress custom blocks plugin that includes a separate template library and extends the default block editor with 23 blocks for Gutenberg. It brings a user-friendly, drag-and-drop approach to content editing and makes it easy to design websites visually.

Otter有了50多个块模板的库,可以简化您的设计决策,并在几下单击几下创建独特的布局和有吸引力的网页。它的Google Maps块使您可以完全自定义地图设计。您可以添加和删除控件,甚至可以自定义标记的颜色以匹配您的品牌。

水獭的关键特征

  • 接触表格块
  • 关于作者块
  • 共享图标块
  • Plugin Card Block
  • Product Review Block
  • 服务块

最好的块插件For:博客and business websites that offer services and need a pricing table

11。Gutentor

Price: 自由的

Gutentor WordPress blocks plugin.

Gutentor模糊了WordPress页面构建器和Gutenberg Block编辑器之间的界限。它包括一个漂亮的一键导入功能,可让您将预设的JSON模板导入到您的网站上。

与大多数其他块插件不同,Gutentor采用页面构建器风格的方法来设计网站。您不需要行和列来构建网页。只需将块拖入编辑器,就可以了。

Gutentor的关键特征

  • News Ticker Post Type
  • Opening Hours Widget
  • Timeline Widget
  • 双工帖子类型
  • 动态内容加载
  • Uses Transients API

最好的块插件For:WordPress用户想要的不仅仅是传统块插件

选择正确的WordPress块插件

随着WordPress实施完整的站点编辑,它可能会在其默认编辑器中添加更多功能。在此之前,一个块插件将帮助您建立一个没有页面膨胀的有吸引力的快速加载网站。

我们的Block插件列表包含每个人的内容 - 博客,营销人员和企业主。而且,如果您想在WordPress网站上做更多的事情,则可以使用其中一个插件对其进行补充,以提高您的在线营销策略。 Use HubSpot tools on your WordPress website and connect the two platforms  without dealing with code. Click here to learn more.

Use HubSpot tools on your WordPress website and connect the two platforms  without dealing with code. Click here to learn more.

最初于2022年1月27日上午7:00 am发表,更新于2022年1月27日

主题:

WordPress Plugins