Gutentor – 基于 Gutenberg 块编辑器的完整页面构建器

已发表: 2019-12-28

引入 Gutenberg 后,WordPress 网站设计变得比以前容易多了。 这个基于块的 WordPress 编辑器将页面构建系统提升到了一个新的水平。 古腾堡为您提供了大量的积木供您玩耍。 但是,您仍然需要手动自定义默认块。 这可能需要比您预期的更长的时间。 这就是 Gutentor 发挥作用的地方。

那么,Gutentor 是什么?

Gutentor 是一组设计精美的现成块和模板,具有大量自定义选项。 通过使用其设计精美的块和模板,您只需点击几下即可设计页面、帖子、登录页面甚至整个网站。

Gutentor 使用各种漂亮的块扩展了 Gutenberg 编辑器,使创建和设计内容更加灵活。 它已经开发了所有必要的自定义功能,包括图像、排版、颜色、块形状、背景、动画等等。

什么是新的?

  • 用于现成模板和块的一键演示模板库
  • 更快的设计体验
  • 具有所有必要功能的完整网页构建块
  • 极其简单,无需添加行/列,只需添加块即可制作漂亮的网站
  • 中继器字段可通过拖放重新排序、编辑、删除选项在块内创建项目
  • 可供创意设计师使用的高度可定制的行/列选项
  • 每个块的高级选项,包括 HTML 标签、背景、边框、框阴影、边距填充、SVG 形状分隔符和内置动画
  • 每个块上的块模板模块,单块多设计模板
  • 单个元素完整的样式选项
  • 特定于设备的响应控件
  • 高级排版选项,包括所有可用的谷歌字体和系统字体
  • 视频背景选项
  • 动态 CSS 的内联、内部或外部 CSS 文件

是什么让 Gutentor 与众不同?

Gutentor 似乎是一个独特的 WordPress 块构建器。 它包含一些令人惊叹的功能,使其成为出色的并超越其他功能。 以下是它的一些独特功能:

  1. 动态列– 动态列允许您在页面上添加任意数量的列。 此选项可让您灵活地创建您想要的网站。 只需设置列号,添加元素并自定义即可。
  2. 高级列- 高级列带有高级自定义选项,可让您通过添加您喜欢的各种基本元素来创建漂亮的页面。
  3. 基本元素——基本元素几乎包含了现有网站趋势中使用的所有元素。 只需要在高级列中插入首选元素并相应地进行自定义。 关于基本元素的最重要的事情是您可以控制单个元素。
  4. 预建块/元素- Gutentor 带有 11 个元素、3 个组和 30 个块。 这对于构建任何类型的网站来说都绰绰有余。
  5. 模板——现成的模板不仅可以节省您的时间,还可以为您提供足够的自定义选项。
  6. CSS 的扩展使用
  7. 不同块的令人印象深刻的轮播选项。
  8. 高度响应和 SEO 友好。
  9. 它配备了优质的支持服务

现成的模板包

Gutentor 带有令人惊叹的现成模板。 您只需点击几下即可选择和安装模板。 从以下类别中挑选您最喜欢的模板:

  • 商业
  • 教育
  • 医疗的
  • 公司的
  • 健康
  • 旅行
  • 机构
  • 建造
  • 多用途

这些模板可以轻松定制,以匹配您的品牌和偏好。

高级 Gutentor 块

  1. 关于块- 用于显示描述、图像、标题和按钮的自定义块。
  2. Accordion – 可折叠部分,将显示标题、描述和按钮。
  3. 高级列- 此块将帮助您在页面或帖子中创建多个列。
  4. 作者资料——另一个古腾堡自定义块,用于显示作者资料,包括标题、描述、社交资料等。
  5. 博客帖子- 如果您担心在帖子或页面中显示博客帖子,您可以使用此块。
  6. 号召性用语- 一个简单但功能强大的块,用于将带有链接的按钮放在该部分。
  7. 内容框– 显示简单的标题、内容和按钮非常有用。 图像和图标不会显示在这里。
  8. 倒计时——如果你要宣布一些重要的事件或公告,那么这将有助于让它变得更容易。
  9. 计数器- 使用有吸引力的模板,它有助于表示有关产品的事实。
  10. 除法器-它有助于将部分分开。 您也可以上传自己的图像作为分隔符。
  11. Featured Block – 这是一个很大的部分,包含照片、标题、描述和按钮。
  12. 画廊– 该画廊是一个精心创建的自定义块,用于在您的页面上制作画廊。
  13. 谷歌地图- 它有助于显示经度和纬度的谷歌地图。
  14. 图标框- 一个自定义块来显示字体真棒图标。
  15. 图像框- 如果您需要显示带有标题、描述和按钮的单个图像,您可以使用此块。
  16. 图像滑块- 一个很棒的自定义块,用于创建带有标题、描述、带有预定义模板的按钮的滑块。
  17. 营业时间- 对于企业和商业网站,营业时间自定义块将非常有用。 用户可以在此块上添加时间、日期和日期。
  18. 定价框- 它有助于显示相应产品的功能和定价。
  19. 进度条- 使用百分比值,您可以在圆圈或条形图中显示事情的进度。
  20. 餐厅菜单- 对于酒店和餐厅网站,此自定义块对于显示菜单及其价格非常有用。
  21. 社交- 这是古腾堡自定义块,用于显示社交图标和链接。 您可以轻松添加社交链接。
  22. 标签- 每个标签都有不同的内容。 它将具有标题、描述和按钮。 使用块制作所需数量的选项卡。
  23. 团队- 另一个非常有用的自定义块,用于在网站上显示团队信息。
  24. 感言– 在网站上展示您的客户或用户感言不是很酷吗? 是的,这个块对它很有用。
  25. 时间轴——为了显示按时间顺序排列的信息,需要一个时间轴自定义块。
  26. 视频弹出窗口 - 它有助于嵌入视频,当用户查看时,它将显示在弹出窗口中。

此外,如果您为 Gutenberg 使用其他附加块插件,例如 ZeGuten 插件,它们也可以与 Gutenor 编辑器一起使用。

Gutentor 入门

安装和自定义 Gutentor 块和模板非常简单。 您不必离开 WordPress 编辑器。 Gutentor 块和模板位于 Gutenberg 编辑器中。 只需按照以下简单步骤开始使用 Gutentor。

安装 Gutentor

在插件部分中搜索“Gutentor”,如上图所示。 或者,您可以直接从 WordPress 插件目录下载 zip 文件。 安装后,激活插件。

访问 Gutentor 块/模板

您可以在 Gutenberg 编辑器中访问 Gutentor 块。 在页面或帖子的顶部,您会看到“模板库”、“块模板导出”等选项。 您可以直接从模板库访问该块。

在模板库中,您将拥有以下选项。 左侧的类别,您可以从中搜索不同的类别。 通过单击“预览”按钮或单击“插入”将其插入您的页面来检查每个块演示。

您可以根据自己的喜好自定义块的每个元素(图像、排版、颜色、按钮)。 如果您在使用 Gutentor 时遇到任何问题,您可以按照详细的文档和视频教程进行操作。

导出您的块和模板

如果您想在其他页面中使用相同的块或模板,您可以导出您的块和模板。 只需单击“块模板导出”并将其另存为 JSON 文件。

您可以从 Template Library>File将这个文件导入到其他页面中。