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

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

20250519135808978-image

插入单个模板

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

操作步骤:

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

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

20250519140423551-image

批量插入多个模板

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

操作步骤:

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

20250519140655695-image
20250519140750477-image

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

效果检查:

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

  • 功能模块
  • 图片画廊
  • 价格表
  • 团队信息
20250519141037295-image

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

20250519141053241-image
20250519141113810-image

小结

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

本节内容展示了:

  • 插入单个模板并进行文本编辑
  • 批量选择多个模板并排序插入
  • 避免嵌套、调整模块顺序、预览实际结构

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

最近更新



了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读