GenerateBlocks 模板库使用教程:单个插入与批量插入操作演示

在网页设计中快速构建页面结构,模板的调用是非常高效的方式。借助 GenerateBlocks 的模板库功能,可以插入预设好的页面片段(Patterns),并进行自定义修改。本节内容展示两种常用操作:插入单个模板和批量插入多个模板。

插入单个模板

当需要为某个页面添加特定模块(如 Hero 区块),可以直接使用模板库中的单个插入功能。

操作步骤:

打开 WordPress 编辑器中的页面(如首页)。

点击右上角 GenerateBlocks 图标,选择“Open Pattern Library”。在分类中浏览并选择需要的模块(例如 Hero)。比如选择 Hero 7,点击插入后,该模块将添加到页面中。点击按钮或标题,自由修改文字内容,比如改为“Learn More”或“Contact Us”。

提示:使用 WordPress 的“文档概览”功能(Document Overview)可以快速定位和选中任意区块,避免繁琐操作。

批量插入多个模板

若希望快速搭建多个页面段落组合(例如功能介绍、图片画廊、价格表和团队介绍等内容),可使用批量插入功能。

操作步骤:

选中页面中最外层容器的下方区域,点击“添加之后”,避免嵌套问题。点击 GenerateBlocks 图标,打开模板库。使用顶部搜索框查找模板名称(例如 Gallery 7),或从分类中依次选择所需模块:Gallery 7(图片展示)

Pattern 68(功能展示)

Pricing 17(价格表)

Team 16(团队展示)在右侧批量插入列表中拖动模块顺序,例如将功能展示放到画廊之前。点击“Insert All”,所有模板将按设定顺序插入页面。

效果检查:

模板插入后,将在编辑器中看到连续多个区块,例如:

功能模块

图片画廊

价格表

团队信息

若编辑器宽度较小,部分模块会自动换行显示。关闭编辑器侧边栏后,版面将恢复正常排列。点击“更新”并访问前台页面,即可看到实际展示效果。

小结

借助 GenerateBlocks 的模板库功能,可以在短时间内构建出完整的页面骨架。模板结构清晰,内容可根据需求修改,适合进一步美化页面内容。

本节内容展示了:

插入单个模板并进行文本编辑

批量选择多个模板并排序插入

避免嵌套、调整模块顺序、预览实际结构

接下来的内容将介绍每个模板的 HTML 构成和样式设置,帮助更深入理解其结构表现方式。

最近更新

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注