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

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

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

20250331135432244-image

进入 Kadence Design Library

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

  • 编辑器左上角,点击 Design Library 图标(在 List View 图标旁)
20250331135604847-image
  • 添加 Row Layout 区块时,选择布局后点击“Design Library”按钮
20250331135633369-image

进入后,可浏览图块(Patterns)和页面(Pages)模板。

切换设计模式

Design Library 提供两种模式:

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

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

使用 Patterns(图块模板)

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

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

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

20250331135835814-image

使用 Pages(整页模板)

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

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

调整设计库设置

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

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

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

自定义图库(Image Collections)

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

  • 在设置中点击“Update Design Library Images”
20250331140240529-image
  • 浏览 Kadence Starter 图库或创建自己的图库
  • 点击“Make My Own Collection”,命名并添加图片

20250331140327685-image
20250331140426617-image

  • 编辑图库后点击“Add to Collection”
20250331140432789-image
  • 最后点击“Update My Design Library”保存更改
20250331140442633-image

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

切换配色风格

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

  • 浅色(Light):取自色板 #1
  • 深色(Dark):取自色板 #2
  • 高亮色(Highlight):取自色板 #9
20250331140452995-image

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

添加 Cloud Library 云端连接

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

  • 获取目标库的链接地址(URL)与访问密钥(Access Key)
  • 在 Design Library 中点击加号图标
20250331140504245-image
  • 填入信息,添加连接
  • 添加成功后,可在多个网站中共享同一套区块内容

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

隐藏设计库入口(权限控制)

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

  • 点击右上角的 Kadence 图标
20250331140528942-image
  • 进入“Kadence Block Controls”设置面板
  • 在 Components 子菜单中找到 Design Library 项
20250331140604730-image
  • 设置哪些用户角色可以看到该按钮
20250331140612835-image

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

总结

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

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


了解 宝藏号 的更多信息

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

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

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

继续阅读