Kadence 教学：快速掌握 Kadence 设计库功能

在使用 Kadence 构建网站时，Kadence Design Library（设计库） 是一个非常实用的工具。它内置了大量预设的图块与整页模板，支持一键导入、样式切换、图库管理以及 Cloud 云端连接，能够大幅提升建站效率。

本文将带你逐步了解 Kadence Design Library 的使用方法和各项功能配置。

进入 Kadence Design Library

你可以在两种地方打开设计库：

• 编辑器左上角，点击 Design Library 图标（在 List View 图标旁）

• 添加 Row Layout 区块时，选择布局后点击“Design Library”按钮

进入后，可浏览图块（Patterns）和页面（Pages）模板。

切换设计模式

Design Library 提供两种模式：

• By Design：使用经典模板设计
• With AI：启用 Kadence AI，根据当前页面内容生成图块或页面

在设计库库顶部可切换按钮，快速切换两种模式。

使用 Patterns（图块模板）

Patterns 是可复用的小模块，覆盖多种常用内容结构。包含：

• 图文区块：Hero、图文混排、媒体与文本
• 布局区块：多列排版、卡片、滑块、列表
• 功能区块：表单、评价、Logo墙、FAQ、菜单、视频展示
• 商业模块：产品循环、定价表、团队介绍、统计数据等

部分模板为 Pro 版本，需要开启 Kadence Blocks Pro 插件。

使用 Pages（整页模板）

Design Library 还提供整页模板，无需搭建结构，只需替换内容：

• 可选择的页面类型包括：首页、关于页、联系页、服务页、作品集等
• 一键导入整页内容，快速生成成品页面

调整设计库设置

点击 Design Library 左上角的齿轮图标进入设置菜单：

• 激活或更新 Kadence AI 功能
• 进入高级选项，调整加载行为：
  • 可禁用图片自定义选择，仅加载线框版本
  • 可关闭实时预览，改为静态图示

这些设置可帮助加快加载速度，或简化操作界面。

自定义图库（Image Collections）

Design Library 支持使用自建图库替代默认图像：

• 在设置中点击“Update Design Library Images”

• 浏览 Kadence Starter 图库或创建自己的图库
• 点击“Make My Own Collection”，命名并添加图片

• 编辑图库后点击“Add to Collection”

• 最后点击“Update My Design Library”保存更改

你可以分别为特色图和背景图设置独立图库，方便视觉统一。

切换配色风格

在选择模板时，左侧栏底部可见三种配色选项：

• 浅色（Light）：取自色板 #1
• 深色（Dark）：取自色板 #2
• 高亮色（Highlight）：取自色板 #9

点击后立即应用，便于预览不同配色下的布局效果。

添加 Cloud Library 云端连接

你可以连接其他站点或第三方提供的 Kadence Cloud 库：

• 获取目标库的链接地址（URL）与访问密钥（Access Key）
• 在 Design Library 中点击加号图标

• 填入信息，添加连接
• 添加成功后，可在多个网站中共享同一套区块内容

这项功能适合团队协作、模板复用或自建模块库管理。

隐藏设计库入口（权限控制）

如果是在客户站点中操作，可以隐藏 Design Library 按钮：

• 点击右上角的 Kadence 图标

• 进入“Kadence Block Controls”设置面板
• 在 Components 子菜单中找到 Design Library 项

• 设置哪些用户角色可以看到该按钮

通过此方式可以限制非管理员用户访问设计库，保护自定义内容结构。

总结

Kadence Design Library 提供丰富的图块模板与整页设计，同时具备图库管理、样式切换与云端集成功能。熟练掌握这些功能，可以大大缩短建站时间，构建出风格统一、结构合理的专业网站。

无论是快速搭建页面，还是为客户制作定制模块，Design Library 都是一个不可或缺的工具。