在网页设计中快速构建页面结构,模板的调用是非常高效的方式。借助 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 构成和样式设置,帮助更深入理解其结构表现方式。