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

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

图片[1]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块

插入单个模板

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

操作步骤:

  • 打开 WordPress 编辑器中的页面(如首页)。
  • 点击右上角 GenerateBlocks 图标,选择“Open Pattern Library”。
图片[2]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块
  • 在分类中浏览并选择需要的模块(例如 Hero)。
  • 比如选择 Hero 7,点击插入后,该模块将添加到页面中。
图片[3]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块
  • 点击按钮或标题,自由修改文字内容,比如改为“Learn More”或“Contact Us”。
图片[4]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块

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

图片[5]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块

批量插入多个模板

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

操作步骤:

  • 选中页面中最外层容器的下方区域,点击“添加之后”,避免嵌套问题。
图片[6]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块
  • 使用顶部搜索框查找模板名称(例如 Gallery 7),或从分类中依次选择所需模块:
    • Gallery 7(图片展示)
    • Pattern 68(功能展示)
    • Pricing 17(价格表)
    • Team 16(团队展示)
图片[7]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块
图片[8]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块
  • 在右侧批量插入列表中拖动模块顺序,例如将功能展示放到画廊之前。
图片[9]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块
  • 点击“Insert All”,所有模板将按设定顺序插入页面。

效果检查:

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

  • 功能模块
  • 图片画廊
  • 价格表
  • 团队信息
图片[10]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块

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

图片[11]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块
图片[12]-GenerateBlocks 模板库操作指南:快速插入单个与多个页面模块

小结

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

本节内容展示了:

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

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

最近更新


联系我们
教程看不懂?联系我们为您免费解答!免费助力个人,小企站点!
客服微信
客服微信
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:贼将鼠胆
THE END
喜欢就支持一下吧
点赞7231 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容