WordPress divi主题

如何使用 Divi 的条件选项在午夜准确地显示销售横幅

| 4月 26, 2022 | Divi主题使用教程 | 0 条评论

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

作为网站所有者进行促销或销售并不总是运行网站最方便的部分。 销售通常不会在典型的营业时间内开始或结束,而是在日历日开始和结束时开始和结束。 使用 Divi 的条件选项,您现在可以在需要时精确地弹出(并消失)设置并忘记它的销售横幅。 您可能健忘,在不同的时区,甚至睡着了,您的网站仍会在您选择的时间显示销售横幅。 即使您还没有准备好,您的促销也将准备就绪。 让我们深入研究一下如何完成这个魔法。

google广告开户

如何在午夜准确地展示销售横幅

对于本教程,我们将使用 Divi Theme Builder。 如果您想在特定页面或帖子上显示销售横幅,您可以在传统 Divi Builder 中执行这些相同的步骤,但我们将使用主题构建器在全球范围内显示促销。 您可以在 WordPress 仪表板的下方找到 Divi Theme Builder Divi – 主题生成器.

主题生成器位置以显示横幅

编辑全局标题

我们将放置销售横幅以显示在 全局标题默认网站模板 以便它在网站上获得最大的覆盖率。 首先单击 编辑 按钮打开 Divi Builder。

编辑标题以显示横幅

创建一个新的部分和行

有几种方法可以将销售横幅添加到您的网站。 您可能有一个图像作为您将使用 Divi 模块显示的横幅。 或者您可以使用 Divi 完全使用现有模块设计横幅。 我们将做后者,选择使用 Divi Builder 来创建一个用作横幅的网站标题部分。

同样,正如我们上面所说,条件逻辑在所有部分、行和模块上的工作方式都是相同的,因此您可以轻松地根据您的特定情况调整本教程。

在 Divi Builder 中, 点击蓝色 + 图标 并插入一个新的 常规部分.

新部分

然后,通过单击 绿色 + 图标. 我们会 选择单列行 使设计尽可能简单,尽管任何方法都可以。 我们将条件逻辑应用于该部分,因此包含其中的所有内容。

WordPress divi主题

横幅显示的行

选择您的内容模块

当您插入行时,Divi 会提示您选择一个模块。 (或者你可以自己做 单击黑色 + 图标)。 如果您有横幅图片,您需要选择 图片 模块来显示它。 如果没有,那么选择 文本 下拉菜单中的模块。 我们将使用典型的网站元素来展示横幅。

文本模块

设置截面宽度

接下来进入 部分设置 以便您可以调整整体宽度。 导航到 设计 选项卡并找到 浆纱 小节。 调整两者 宽度最大宽度100vw. 无论用户的屏幕尺寸如何,该值将确保它始终位于视口宽度的 100%。

部分设置

向部分添加背景渐变

接下来,前往 内容 选项卡并找到 背景 小节。 然后,进入 第二个标签 进入渐变选择,然后单击 添加背景渐变.

坡度

然后选择要合并的两种颜色。 我们一起去 #fe5a25 为了 第一种颜色#c206c9 为了 第二. 然后,我们将选择 径向 作为 渐变类型, 和 中心 作为 径向. 总之,这意味着渐变将从截面中间以圆形向外辐射。

横幅的渐变方向显示

使部分可点击

因为这是一个销售横幅,所以您会希望整个内容都可以点击并将您的用户带到销售中。 继续在 内容 选项卡以查找 关联 小节,然后输入您希望用户去的地方的 URL。

fiverr建站WordPress程序员

链接网址

调整文本模块内容

现在,是时候为您的促销促销横幅将要宣布的内容输入内容了。 输入 文本 模块设置. 在下面 内容 选项卡,我们将使用 H2 标题为 午夜特卖现在开始 和正文内容 黎明前所有产品都享有 50% 的折扣.

午夜销售文本

添加标题和文本样式

接下来,您需要更改横幅标题和正文的字体和颜色。 在下面 文本,我们会选择 错误的脚本 作为 文字字体 小帽子 作为 文字字体样式. 我们正在使用 #f2ea00 作为免费的 文字颜色 到背景选择和 2em 作为 字体大小. 我们也想要 文本对齐 成为 中心.

文本选项

独立站选品工具

接下来,我们选择 标题文字 小节并单击 H2 标签。 在它之下,我们会选择 胆大 为了 标题 2 字体 重量 并再次添加 #f2ea00 作为 标题 2 文字颜色. 我们也在改变 标题 2 文字大小3雷姆 以便它以相对于屏幕上其他文本的单位进行调整。

将部分固定到屏幕上

因为这是一个定时销售,所以您不希望您的用户错过它。 所以我们将把这个部分固定到他们的屏幕上,这样无论他们滚动到哪里,横幅都在那里供他们点击。 进入 先进的 的选项卡 部分 设置并选择 位置 小节。 然后选择 固定的 从下拉列表中单击 中下正方形 在里面 地点 网格。 最后,为 Z 指数 (我们选择 999 以确保浮动在其他元素之上)。

横幅展示的固定位置

现在,当用户滚动和浏览网站时,该部分将贴在用户屏幕的底部。 保存您的更改,您就有了一个销售横幅,准备在午夜向您的访客展示! 所以让我们现在就这样做。

显露的旗帜

高质量外链购买

添加条件逻辑

您将使用 Divi 的条件选项在午夜显示横幅。 您还会在 先进的 的选项卡 部分设置. 找出 条件 部分,然后单击 灰色 + 图标 上面写着 添加条件.

添加条件

选择 仅在当前日期…时显示 从下拉列表中,然后在新窗口中选择 是在之后. 这是重要的部分: 在日历上, 选择 前一天 您希望横幅出现。 例如,如果您希望它在 10 月 19 日午夜开始,请选择 10 月 18 日。 然后设置 小时和分钟 到 23:59. 在 24 小时制中,00:00 相当于午夜,因此这些设置将在午夜(或您选择的日期 23:59 后 1 分钟)显示这个新的销售横幅。

选择日期

注意:如果您展示此横幅的销售在特定时间结束,您可以按照相同的说明向该部分添加第二个条件,但选择 是之前 并设置结束日期。 这样做将提供一个定时窗口,横幅将出现在您的网站上。

JasperAI 10000字免费额度试用

包起来

Divi 的条件选项可让您设置任意数量的标准以在您的网站上显示内容。 通过设计一个简单的、可点击的部分作为销售横幅并设置条件选项以在特定日期和时间后显示,您可以安排在午夜展示您的促销活动,而不必在半夜醒来就可以启动它。

您将使用 Divi 的条件选项揭示哪些类型的定时事件?

文章特色图片来自 wongstock / shutterstock.com

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