嘿神国! 感谢您加入我们每周一次的 Divi 设计计划的下一部分,每周我们都会赠送全新的免费赠品。 今天,我们将分享 Divi 的 App Developer Layout Pack 的全局预设样式指南。 Divi 的全局预设可帮助您立即加快网页设计过程,并且为了帮助您加快速度,我们将定期在一个布局中提供布局包独有的全局预设。 您可以选择是要一次上传所有全局预设还是选择特定预设。
下载 App Developer Layout Pack 的全局预设样式指南
要获得免费的全局预设样式指南,您首先需要使用下面的按钮下载它。 要访问下载,您需要使用下面的表格订阅我们的 Divi Daily 电子邮件列表。 作为新订阅者,您将在每周一收到更多 Divi 福利和免费的 Divi Layout 包! 如果您已经在列表中,只需在下面输入您的电子邮件地址,然后单击下载。 您不会被“重新订阅”或收到额外的电子邮件。
全局预设快速概览
Divi 的美妙之处在于它使您可以使用广泛的设计设置完全控制您的网站设计,您可以使用这些设置来自定义任何元素或模块的外观。
新的 Divi 预设系统允许您为 Divi 元素(如按钮模块)设计自定义外观并将其保存为预设。 您所做的所有设计更改都保存在预设中。 当您向页面添加新模块时,您可以浏览保存的预设并快速应用它们。
应用预设后,模块的默认设计由预设控制。 如果您更新预设的样式,则使用该预设的所有模块也会更新。 这使您可以使用一小部分保存的预设来控制整个网站的设计。 此外,在向页面添加新模块时,它可以节省大量时间,因为您无需从头开始设计每个新模块,而是可以从 Divi 预设库中快速选择外观。
如何使用全局预设样式指南
选项 A:一次自动上传所有全局预设
这种方法会立即自动将所有预设添加到您的预设库中。
去迪维图书馆
转到 WordPress 网站后端的 Divi 库。
上传带有预设的布局
在那里,单击顶部的“导入和导出”按钮。
通过单击导入选项卡并选择您可以在本文开头下载的 JSON 文件继续。 要自动导入预设,请勾选“导入预设”框。 这将自动将每个预设添加到每个模块。
预设库中的预设名称
下面,您有一个已添加到模块中的所有预设及其名称的列表。 顺序与下面的打印屏幕中的相同。 您可以随时返回样式指南以供参考。
- ADLP – H1 – 1
- ADLP – H2 – 1
- ADLP – H3 – 1
- ADLP – H4 – 1
- ADLP – 身体 – 1
- ADLP – 区块引用 – 1
- ADLP – 链接 – 1
- ADLP – 文本 – 全部 – 1
- ADLP – 排名指标文本 1
- ADLP – 按钮 1
- ADLP – 按钮 2
- ADLP – 按钮 3
- ADLP – 按钮 4
- ADLP – 按钮 5
- ADLP – 按钮 6
- ADLP – 模糊 1
- ADLP – 模糊 2
- ADLP – 模糊 3
- ADLP – 模糊 4
- ADLP – 模糊 5
- ADLP – 模糊 6
- ADLP – 模糊 7
- ADLP – 分频器 1
- ADLP – 分频器 2
- ADLP – 切换 1
- ADLP – 切换 2
- ADLP – 切换 3
- ADLP – 数字计数器 1
- ADLP – 社交媒体关注 1
- ADLP – 联系表格 1
您添加的新模块中的访问预设
您可以通过打开或添加新模块来访问每个上传的预设,单击顶部的预设项,然后选择您选择的预设。
选项 B:有选择地将样式指南中的模块转换为全局预设
使用这种方法,您对全局预设库中出现的内容和不出现的内容拥有更大的发言权。 这些元素将在一个地方提供给您,您可以直观地选择要手动将哪个元素转换为具有您选择的名称的全局预设。
去迪维图书馆
导航到 WordPress 网站后端的 Divi 库。
上传没有预设的布局
然后,单击“导入和导出”按钮。
转到导入选项卡并选择您可以在本文开头下载的 JSON 文件。 如果您希望能够选择将哪些模块转换为全局预设,请务必取消选中“导入预设”框。
打开布局(或创建新页面 + 上传布局)
现在,通过单击“编辑”打开您刚刚上传到 Divi 库的布局。 这会将您重定向到布局编辑器。 或者,您也可以选择创建一个新页面并在那里上传您的布局。
切换到可视化生成器
如果您选择布局编辑器,请切换到 Visual Builder。
选择一个你想变成全局预设的模块并打开模块设置
现在,浏览所有元素并决定要将哪些元素转换为全局预设。
在设置中将模块变成全局预设
例如,您想将其中一个按钮模块转换为全局预设。 打开按钮模块设置,然后单击顶部的预设选项。
将模块设置从自定义样式转换为新预设。
根据需要命名新预设。
对要包含在预设中的每个模块重复步骤
对要创建的每个预设重复这些步骤。
在 Divi 主题生成器中使用颜色代码创建自定义调色板
转到 Divi 主题选项
样式指南中的十六进制代码可用于创建自定义调色板,您可以在构建页面时快速访问该调色板。 要添加调色板,请转到您的 Divi 主题选项。
在样式指南中使用十六进制代码自定义调色板
将您选择的 HEX 颜色代码(您可以在样式指南中找到)添加到默认调色板。
提示:将样式指南保留在单独的选项卡中以复制/粘贴特定样式(渐变/框阴影/边框/…)
最后但并非最不重要的一点是,始终将样式指南保留在单独的选项卡中是一个好主意。 使用 Divi 的内置和跨页复制粘贴选项将帮助您快速将样式(如渐变背景)从一个元素转移到另一个元素!
每周都有新的全球预设风格指南!
我们希望您喜欢本周的全球预设风格指南。 我们期待在下面的评论部分听到您的意见。 确保您下周回来查看更多免费赠品!