WordPress divi主题

Divi 插件亮点:Divi 事件管理器

| 5月 3, 2022 | Divi主题使用教程 | 0 条评论

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

Divi Event Manager 是一个第三方插件,可为 Divi 创建一个完整的事件管理系统。 它不需要单独的事件插件。 相反,它包含所有事件管理功能。 这减少了您需要的插件数量,并确保没有更新或兼容性问题。 在本文中,我们将介绍 Divi Event Manager 并了解它可以做什么,并帮助您确定它是否适合您的 Divi 网站。

google广告开户

活动帖子类型

活动帖子类型

一种新的帖子类型被添加到 WordPress,称为事件。 在这里,您可以创建事件、设置类别和标签以及调整设置。 这是事件列表。

活动帖子类型

创建事件会打开一个编辑器,您可以在其中添加详细信息。 这包括活动信息、场地信息、组织者信息、门票费用、活动画廊、类别、标签和特色图片。

它还提供您的机票订单列表。

Divi 事件管理器模块

Divi 事件管理器模块

Divi Event Manager 为 Divi Builder 添加了 3 个新模块。 这些模块有多种布局选项,因此您不必自己设计布局。 您仍然可以使用 Divi 模块设置自定义每个元素。 让我们看看每个模块及其布局选项。 我们还将看到一些如何在 Divi 布局中使用它们的示例。

Divi 事件网格

Divi 事件网格

WordPress divi主题

Divi 事件网格以 3 种不同的网格样式和 2、3 或 4 列显示事件。 这是 2 列的网格 1。 这些事件使用特色图像作为背景,并将所有文本放在叠加层中。 默认情况下,叠加层是暗的,文本是白色的。

Divi 事件网格

这是 4 列的网格样式 2。 图片放在卡片的顶部,然后是标题、位置、价格、详细信息和阅读更多信息的按钮。 无论图像大小如何,卡片的大小都是相同的。 默认情况下,它们包括白色背景、红色高光和框阴影。

Divi 事件网格

如果你愿意,你可以让它隐藏阅读更多按钮。 这是具有 2 列的网格样式 2。

Divi 事件网格

这是具有 3 列的网格样式 4。 它会删除特色图像并将日期放在顶部。 每张卡片都有浅灰色背景。 这是默认样式。

Divi 事件网格

您还可以启用或禁用分页。 这显示了带有 2 列的网格样式 3,在屏幕上仅显示 2 个事件,并通过分页查看其余事件。

Divi 事件网格

fiverr建站WordPress程序员

内容选项卡具有背景颜色设置。 “设计”选项卡包含几乎所有卡片元素的设置。 设置包括文本、标题、阅读更多按钮、分页和事件地址。 按钮和分页有主动和非主动调整。

Divi 事件网格

这是图书馆事件页面中事件网格模块的示例,可在 Divi 中找到。 我已将其限制为显示 3 个事件。 这是默认设置,使用 3 列和分页。

Divi 活动列表

Divi 活动列表

事件列表模块将事件显示为三种样式之一的列表。 这是列表样式 1。它在左侧以大文本显示日期,并在日期部分的顶部和底部放置一个彩色边框。 日期和时间、标题、地址和描述放在主要部分。 它不包括特色图片。 事件被放置在卡片中并包括盒子阴影。

独立站选品工具

Divi 活动列表

列表样式 2 将图像显示在左侧,并在主要部分的底部添加了一个阅读更多按钮。 它还以粗体红色添加了票价。 它们不是边界,而是分界线。

Divi 活动列表

列表样式 3 将事件放在卡片中,图像在右侧,标题和描述在中间,信息在右侧。 日期、价格、日期和时间以及地址包括图标。

Divi 活动列表

高质量外链购买

我调整了背景并添加了带有渐变叠加层的图像,调整了文本的颜色,将标题全部大写并增加了字母间距,将描述文本设为半粗体,并添加了框阴影。

Divi 活动列表

此示例使用 Divi 中提供的 Author 布局中的 Author Events 页面。 我已经包含了原始事件部分的颜色和字体样式,将模块限制为显示 3 个事件,并添加了分页。

Divi 事件滑块

Divi 事件滑块

事件滑块以三种不同的滑块布局之一显示事件。 滑块包括导航和设置。 这是滑块 1 布局。 它在每张卡片的顶部显示图像,并在其下方显示标题和事件信息。 阅读更多按钮会在卡片下方显示一个箭头。 它还包括点导航。 卡片的大小根据图像大小而定。 图像在悬停时显示叠加。

JasperAI 10000字免费额度试用

Divi 事件滑块

“设计”选项卡包括对覆盖、文本、类别图标的调整,以及按钮背景和图标的“阅读更多”按钮。 在这个例子中,我已经调整了它们中的每一个。 您还可以调整文本样式。

Divi 事件滑块

滑块布局 2 显示相同大小的幻灯片。 它将图像置于背景中。 文本放置在叠加层中。 悬停时覆盖变亮。 幻灯片显示标题、地址、日期,然后是描述。

Divi 事件滑块

WordPress备份工具updrafplus

在“设计”选项卡中单独调整所有文本的样式。 它还包括活动和悬停颜色的导航调整。 这不包括对覆盖的调整。

Divi 事件滑块

滑块布局 3 将幻灯片显示为带有浅色边框的小卡片。 图像位于顶部,日期、标题和阅读更多按钮出现在与图像底部重叠的卡片中。

Divi 事件滑块

设计选项卡让您可以控制每个样式的点导航背景和悬停背景颜色、阅读更多按钮的边框、文本和背景颜色等。 在这个例子中我已经调整了大部分,并且我已经将标题文本全部大写。

Divi 事件滑块

此示例使用 Divi 中可用的 Event Planner 布局中的主页。 滑块使用布局中的字体和颜色,并与设计很好地融合在一起。

Divi 事件管理器小部件

Divi 事件管理器小部件

Divi Event Manager 还添加了一个新的小部件,您可以在侧边栏中使用它。 添加标题,选择要显示的事件数量,设置所需的排序方式选项,然后选择时间和日期格式。

Divi 事件管理器小部件

这些事件包括标题、日期和时间旁边的大图标中的日期和日期。 单击一个会打开该事件的页面。

Divi 活动管理器详细信息页面

Divi 活动管理器详细信息页面

您可以从名为 DP EventManager 的新选项卡中的 Divi 主题选项中设置事件详细信息页面的样式。 这包括 6 个选项卡,其中包含许多设置来选择样式、显示表单、设置 PayPal 等等。

Divi 活动管理器详细信息页面

事件的存档页面根据您在设置屏幕中选择的设置显示事件。 我将其保留为默认设置,它显示布局 1 和 2 列。

使用简码创建页面

使用简码创建页面

您还可以使用简码创建页面。 这些设置还包括您可以放置​​在任何 Divi 模块中的每个事件元素的简码。

使用简码创建页面

插件的设置屏幕为短代码将显示的每个视图提供默认样式选项。

创建自定义事件页面

创建自定义事件页面

您还可以使用主题生成器创建自定义页面。 从主题选项中的事件详细信息页面样式中选择自定义自己的样式。 起初,必须选择主题构建器作为使用它的选项似乎很尴尬,但后来我意识到你有更多的选择。 使用主题生成器非常简单,您可以访问多个无需设计或创建的页面。

创建自定义事件页面

发布者提供了几个您可以使用的预制布局。 下载布局并将其导入您的 Divi 库。 您现在可以像使用任何布局一样在主题构建器中使用这些布局。

创建自定义事件页面

布局使用标准 Divi 模块,每个元素都有简码。 这是主题生成器中的第一个布局。

创建自定义事件页面

这是使用第一个布局的事件页面。 由于它使用 Divi Builder,您可以访问您想要使用的任何模块。

价格

Divi Event Manager 可从 Divi Marketplace 获得。 29 美元:

  • 无限站点
  • 30天退款保证
  • 1 年的支持和更新

结束的想法

这就是我们对 Divi Event Manager 的看法。 通常需要大量模块的事情可以用一个模块轻松完成。 我喜欢它是一个完整的事件管理系统,不需要其他插件即可工作。 我希望看到添加到所有模块的覆盖样式选项。

帖子类型和模块易于使用。 Divi Event Manager 很容易成为我见过的 Divi 最好的事件插件之一。 如果您对 Divi 的事件管理系统感兴趣,Divi Event Manager 值得一看。

轮到你。 您是否尝试过 Divi 事件管理器? 请在下面的评论中告诉我们您的体验。

特色图片来自 Knotnoi / shutterstock.com

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