Divi 插件亮点——Divi 显示逻辑

如果您希望根据您选择的条件显示特定的 Divi 设计元素怎么办？ 这将开辟一些设计可能性，例如根据用户的登录状态、一天中的时间或他们的地理位置显示页面版本。 一个名为 Divi Display Logic 的插件为 Divi 提供了此功能。

Divi Display Logic 是 Tortoise IT 的第三方插件，可与 Divi 和 Extra 配合使用以添加显示逻辑。 在这个插件亮点中，我们将看一看插件并查看它可以做什么的几个例子。

这些示例的图像取自 Unsplash.com 和 Elegant Themes 博客中提供的免费 Divi 布局。

安装 Divi 显示逻辑

正常上传并激活插件。 在名为 Divi Display Logic 的插件下的仪表板中添加了一个新菜单项。 您将在此处添加许可证密钥。 这将确保您将获得插件更新。

现在，显示逻辑已添加到后端 Divi Builder 内“内容”选项卡中的所有部分、行和模块。 这些功能包括日期和时间选择、一个下拉框，您可以在其中选择预定义的逻辑，以及一个显示插件为您的逻辑创建的短代码的框。

预定义逻辑

预定义逻辑下拉框有 18 个预制逻辑选项可供选择。 还有一些您可以复制并粘贴到短代码区域。 如果您想编码，您可以添加自己的逻辑选择，并且您可以操作简码来创建变体。

选项是基于特定时间、特定时间之间、特定日期显示或隐藏、显示它是否具有新闻类别、用户是否已登录、特定用户角色、特定位置以及基于PHP代码。 所有这些都可以修改。

逻辑简码

一旦您选择了预定义的逻辑，它就会自动构建一个短代码。 您不需要使用此简码，但您可以根据需要在此处编辑它。

您还可以使用任何封装短代码（带有开始和结束标记 [shortcode][/shortcode] 的短代码）来创建您自己的参数。 这在短代码字段下的描述中进行了解释，但我也希望看到描述中给出的示例。

要编辑，只需突出显示短代码中的部分并进行更改。

这是一个将在工作日隐藏内容的示例。 如果您想显示内容而不是隐藏，您可以在短代码中将“隐藏”更改为“显示”。 另一种选择是将数字 1-5 替换为“6,7”，这将隐藏周末的内容。

我发现操作短代码很直观，因为字符串中的大多数关键字都很简单。

内置简码示例

Display Logic 区域中的第一个链接（标记为 Click here）提供了短代码的详细示例。 这些对 PHP 示例特别有用。 您可以复制这些并将它们粘贴到短代码字段中。

日期和时间选择

要使用日期/时间选择，请单击文本“如果使用日期，请单击此处”。 这将打开两个字段，您可以在其中选择显示和隐藏日期。 这些时间条件将决定部分、行或模块何时显示。 显示逻辑将从预定义逻辑列表中选择。

通过在“显示日期”和“隐藏日期”字段中单击来选择日期和时间。 这会显示一个带有小时和分钟滑块的日历。 字段上方是一条消息，显示您当前服务器的时间。

使用服务器的时间而不是实际时间很重要。 这是 WordPress 获取当前时间的地方，也是 Divi Display Logic 将使用的时间。

该模块现在将显示我选择的日期和时间之间的内容。

这开辟了很多可能性。 例如：

• 您可以使用倒数计时器创建一个包含闪电交易的销售网站，以显示交易何时结束和下一个交易何时开始。
• 您可以在某个时间开始销售。
• 有一个交易要在某个时间结束。
• 即使在文章发表后，也会在特定时间显示文章中的内容。
• 根据上午或下午显示不同的内容

Divi 显示逻辑示例 – 学校号召性用语

对于我的第一个示例，我正在为学校创建登录页面。 该页面将为美国学生提供注册号召性用语，但美国以外的任何人都无法注册。 此示例使用大学和学院的主页布局。

布局包括一行文本和按钮模块。 我希望文本和按钮被美国以外的任何人替换为不同的模块。

在行设置中，我选择了“如果用户在美国则隐藏内容”。

接下来，我将短代码中的“隐藏”更改为“显示”，从而有效地创建了一个新的短代码。

我克隆了该行并选择为新行隐藏美国用户的内容。

现在，仅会根据访问者的位置显示其中一行。

美国访问者会看到原始标语和按钮以进行申请。

美国以外的所有访问者都会看到不同的标语和带有不同标题的按钮。

Divi 显示逻辑示例 – 闪购

这是一个简单的销售页面，仅将一种产品显示为闪购。 当倒数计时器归零时，带有新倒数计时器的新产品取而代之。

虽然只显示一个部分，但实际页面本身已经退出了更多部分。 在每个部分中，我都设置了在特定时间显示内容的逻辑。 当页面加载到浏览器中时，这些部分不会加载，因此您可以使用所需的所有 CSS 添加任意数量的 CSS，并且它们不会减慢加载时间。

倒数计时器和显示逻辑彼此独立工作。 我已经设置了计数器的时间以匹配显示逻辑将显示的时间。

Divi 显示逻辑示例 – 具有会员区的作者站点

此示例使用免费的 Elegant Authors 布局。 我想根据访问者是否登录来显示不同的内容。未登录的访问者将看到上图中的屏幕，其中包括号召性用语。

登录的访问者不会看到 CTA。 相反，他们会看到一个指向网站特殊区域的链接，只有登录的人才能访问该区域。 可以通过单独的成员资格插件或通过分配用户查看内容的能力并选择该能力作为逻辑来控制特殊访问。

而不是克隆整个部分，我只克隆了按钮。 其他一切都将保持不变。 这样，如果我决定更改背景图像，我只需要在一个部分中更改它。

我将顶部按钮的逻辑设置为仅向注销的用户显示内容。

第二个按钮只会显示给登录的用户。

或者，我可以使用“如果用户具有“view_content”能力，则显示此内容。

登录用户现在可以看到新按钮，该按钮为他们提供了指向特定页面或帖子的链接。

Divi 显示逻辑示例 – 带有新登陆页面的作者网站

当然，另一种可能是显示一个完全不同的页面。 此示例使用与前一个示例相同的布局，但我添加了两个新部分，其中包括全角标题和博客模块。

我已经为每个部分设置了逻辑。 构成登录页面的所有部分都将向未登录的用户显示。底部的两个部分创建一个带有全角标题的博客页面，将向已登录的用户显示。

现在登录的用户将看不到销售页面。 如果我将销售项目更改为我希望所有用户看到的内容，我只需更改显示逻辑。

将 Divi 显示逻辑与 Extra 结合使用

Divi Display Logic 也适用于 Extra。 此示例显示了类别生成器中的帖子轮播模块。

执照

Divi Display Logic 可以在无限的网站上为您和您的客户使用。 它包括 6 个月的支持和 12 个月的更新。 12 个月结束后，您需要再次重新购买插件以接收更新。 回购价格为初始购买价格的50%。

最后的想法

Divi Display Logic 提供了许多选项来确定何时显示部分、行或模块。 显示选项包括时间、日期、地理位置、用户是否登录以及用户级别，设计的可能性几乎是无穷无尽的。

我发现该插件使用起来很直观。 短代码易于操作。 再举几个例子会很有帮助——尤其是对于 PHP。 如果要根据条件显示部分、行或模块，Divi Display Logic 是一个不错的选择。

有关购买信息，请参阅 Tortoise IT 的 Divi Display Logic。

我们希望听到您的意见。 你用过Divi Display Logic吗？ 请在评论中告诉我们您对此的看法。

精选图片来自 phipatbig/shutterstock.com