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 都是一个不可或缺的工具。

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注