在网页设计中快速构建页面结构,模板的调用是非常高效的方式。借助 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 构成和样式设置,帮助更深入理解其结构表现方式。
最近更新
了解 宝藏号 的更多信息订阅后即可通过电子邮件收到最新文章。 © 版权声明 文章版权归作者所有,未经允许请勿转载。 相关文章暂无评论... |
---|