WordPress divi主题

下载 Divi’s Pizzeria 布局包的免费全局预设样式指南

by | Apr 30, 2022 | Divi主题使用教程 | 0 comments

5分钟生成10篇英文软文article forge软件试用

嘿神国! 感谢您加入我们每周一次的 Divi 设计计划的下一部分,每周我们都会赠送全新的免费赠品。 今天,我们将分享 Divi 的 Pizzeria Layout Pack 的全局预设样式指南。 Divi 的全局预设可帮助您立即加快网页设计过程,并且为了帮助您加快速度,我们将定期在一个布局中提供布局包独有的全局预设。 您可以选择是要一次上传所有全局预设还是选择特定预设。

google广告开户

比萨店全局预设风格指南

下载 Pizzeria 布局包的全局预设样式指南

要获得免费的全局预设样式指南,您首先需要使用下面的按钮下载它。 要访问下载,您需要使用下面的表格订阅我们的 Divi Daily 电子邮件列表。 作为新订阅者,您将在每周一收到更多 Divi 福利和免费的 Divi Layout 包! 如果您已经在列表中,只需在下面输入您的电子邮件地址,然后单击下载。 您不会被“重新订阅”或收到额外的电子邮件。

全局预设快速概览

Divi 的美妙之处在于它使您可以使用广泛的设计设置完全控制您的网站设计,您可以使用这些设置来自定义任何元素或模块的外观。

新的 Divi 预设系统允许您为 Divi 元素(如按钮模块)设计自定义外观并将其保存为预设。 您所做的所有设计更改都保存在预设中。 当您向页面添加新模块时,您可以浏览保存的预设并快速应用它们。

应用预设后,模块的默认设计由预设控制。 如果您更新预设的样式,则使用该预设的所有模块也会更新。 这使您可以使用一小部分保存的预设来控制整个网站的设计。 此外,在向页面添加新模块时,它可以节省大量时间,因为您无需从头开始设计每个新模块,而是可以从 Divi 预设库中快速选择外观。

何时使用全局预设样式指南

最好在构建页面、模板等之前开始使用全局预设样式指南。其背后的原因是,您可以在构建设计时立即访问全局预设,而不必返回您的设计,在元素级别重置内联样式并应用全局预设。

开始您的 Divi 构建过程 创建样式指南之后 帮助您避免手动更改模块各自设置中的内容。 如果您从一开始就使用全局预设,您将能够在一个地方修改它们,并立即观察整个网站的变化。

如果您希望从头开始创建自己的全局预设样式指南,而不是使用基于布局包的样式指南,请查看样式指南框架下载帖子。

选项 A:一次自动上传所有全局预设

这种方法会立即自动将所有预设添加到您的预设库中。

WordPress divi主题

去迪维图书馆

转到 WordPress 网站后端的 Divi 库。

比萨店全局预设风格指南

上传带有预设的布局

在那里,单击顶部的“导入和导出”按钮。

比萨店全局预设风格指南

通过单击导入选项卡并选择您可以在本文开头下载的 JSON 文件继续。 要自动导入预设,请勾选“导入预设”框。 这将自动将每个预设添加到每个模块。

比萨店全局预设风格指南

预设库中的预设名称

下面,您有一个已添加到模块中的所有预设及其名称的列表。 顺序与下面的打印屏幕中的相同。 您可以随时返回样式指南以供参考。

  • PLP – H1 – 1
  • PLP – H2 – 1
  • PLP – H3 – 1
  • PLP – H3 – 2
  • PLP – H4 – 1
  • PLP – 身体 – 1
  • PLP – 装饰 – 1
  • PLP – 编号 – 1
  • PLP – 编号 – 2
  • PLP – 文本 – 全部 – 1

比萨店全局预设风格指南

  • PLP – 按钮 1
  • PLP – 按钮 2
  • PLP – 按钮 3
  • PLP – 按钮 4
  • PLP – 按钮 5
  • PLP – 按钮 6
  • PLP – 按钮 7

比萨店全局预设风格指南

  • PLP – 模糊 1
  • PLP – 电子邮件选项 1
  • PLP – 滑块 1
  • PLP – 社交媒体关注 1

比萨店全局预设风格指南

fiverr建站WordPress程序员

您添加的新模块中的访问预设

您可以通过打开或添加新模块、单击顶部的预设项并选择您选择的预设来访问每个上传的预设。

比萨店全局预设风格指南

选项 B:有选择地将样式指南中的模块转换为全局预设

使用这种方法,您对全局预设库中出现的内容和不出现的内容拥有更大的发言权。 这些元素将在一个地方提供给您,您可以直观地选择要手动将哪个元素转换为具有您选择的名称的全局预设。

去迪维图书馆

导航到 WordPress 网站后端的 Divi 库。

比萨店全局预设风格指南

独立站选品工具

上传没有预设的布局

然后,单击“导入和导出”按钮。

比萨店全局预设风格指南

转到导入选项卡并选择您可以在本文开头下载的 JSON 文件。 如果您希望能够选择将哪些模块转换为全局预设,请务必取消选中“导入预设”框。

比萨店全局预设风格指南

创建新页面草稿 + 上传布局

现在,为全局预设样式指南布局创建一个新的页面草稿。

高质量外链购买

比萨店全局预设风格指南

比萨店全局预设风格指南

比萨店全局预设风格指南

选择一个你想变成全局预设的模块并打开模块设置

浏览所有元素并决定要将哪些元素转换为全局预设。

在设置中将模块变成全局预设

例如,您想将其中一个按钮模块转换为全局预设。 打开按钮模块设置,然后单击顶部的预设选项。

JasperAI 10000字免费额度试用

比萨店全局预设风格指南

将模块设置从自定义样式转换为新预设。

比萨店全局预设风格指南

根据需要命名新预设。

比萨店全局预设风格指南

WordPress备份工具updrafplus

对要包含在预设中的每个模块重复步骤

对要创建的每个预设重复这些步骤。

在 Divi 主题生成器中使用颜色代码创建自定义调色板

转到 Divi 主题选项

样式指南中的十六进制代码可用于创建自定义调色板,您可以在构建页面时快速访问该调色板。 要添加调色板,请转到您的 Divi 主题选项。

比萨店全局预设风格指南

在样式指南中使用十六进制代码自定义调色板

将您选择的 HEX 颜色代码(您可以在样式指南中找到)添加到默认调色板。

比萨店全局预设风格指南

例外:嵌套模块(社交媒体关注模块)

对于嵌套模块,例如社交媒体关注模块,您需要打开模块内的项目并将该元素也保存为新预设。

比萨店全局预设风格指南

比萨店全局预设风格指南

比萨店全局预设风格指南

提示:将样式指南保留在单独的选项卡中以复制/粘贴特定样式(渐变/框阴影/边框/…)

最后但并非最不重要的一点是,始终将样式指南保留在单独的选项卡中是一个好主意。 使用 Divi 的内置和跨页复制粘贴选项将帮助您快速将样式(如渐变背景)从一个元素转移到另一个元素!

每周都有新的全球预设风格指南!

我们希望您喜欢本周的全球预设风格指南。 我们期待在下面的评论部分听到您的意见。 确保您下周回来查看更多免费赠品!

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题