Divi 插件亮点：Divi Next Texts
已发表: 2020-04-12在 Divi 市场中找到它
Divi Next Text 在 Divi Marketplace 中可用！ 这意味着它已通过我们的审查，并被发现符合我们的质量标准。 您可以在市场中访问 Divi Next 以查看他们所有可用的产品。 从 Divi 市场购买的产品具有无限的网站使用和 30 天退款保证（就像 Divi 一样）。
在 Divi 市场购买
Divi Next Texts 是 Divi 的第三方插件，它添加了许多具有排版设计功能的模块。 这些模块添加了动画、突出显示、渐变、蒙版、颜色效果甚至故障，以帮助您创建文本效果。 这些模块使您可以在 Divi 设计中以独特的方式轻松使用排版。 在本文中，我们将看看 Divi Next Texts，看看它可以做什么，看看它是多么容易使用。
Divi Next 文本模块
Divi Builder 中添加了 12 个新模块。 每个模块都包含预期的 Divi 模块内容、设计和高级选项卡，因此您可以像任何 Divi 模块一样设置它们的样式。 让我们看看每个模块。 我在示例中使用了 Divi Tutor 布局包。
Divi Next Texts 文本动画
文本动画的工作原理类似于句子中特定文本的滑块。 添加前后文本，然后在子模块中添加动画文本。
从 10 个动画中选择。 此示例显示打字动画。
加载栏有颜色和高度选项。 与许多这些模块一样，您可以从“内容”选项卡中选择 h 标签。 您还可以堆叠文本。 堆叠文本将前文本置于顶部，动画文本置于中间，后文本置于底部。 我在这个例子中堆叠了文本。
下面是 Spiral 动画。
Divi Next Texts 文本颜色运动
文本颜色运动缓慢地改变文本的颜色。
“设计”选项卡有两种运动样式，您可以设置运动持续时间。
选择四种不同的颜色来创建渐变。
将渐变设置为线性或径向。 径向包括8个方向。 我选择了径向和中心。 您还可以设置四种颜色中每种颜色的起始位置。
这是我的动态示例。 我选择了样式 2，将持续时间设置为 4 秒，更改其中一种颜色，并将其设置为线性。
Divi Next Texts 文本分隔符
文本分隔线在文本的两侧放置一条分隔线。 此示例显示了 h 标签选择。
设计选项卡包括分隔线设置，您可以在其中选择分隔线样式。 从 8 种样式中选择或选择不显示分隔线。
您还可以选择分隔线的颜色、粗细和文本间距。
文本选项可让您更改文本对齐方式并选择文本阴影。 我已将文本放在分隔线的右侧。
字体设置控制文本样式，因此您可以完全控制字体系列、颜色、大小等。
Divi Next Texts 文本故障
Text Glitch 使用动画对文本进行故障处理。
设计选项卡包括故障样式、颜色和位置的设置。 有 7 种故障样式可供选择。 有些比其他的更生动。
选择文本颜色和两种不同的故障颜色。
使用左、右和顶部的单独设置来设置毛刺位置。
这是故障 4。它是更动画的故障之一。
Divi Next Texts 文本渐变
文本渐变使用渐变为文本着色。
设计选项卡包括渐变颜色设置。 选择两种颜色，渐变类型（线性或径向），并设置方向和开始和结束位置。
显示效果是一个在屏幕上快速移动的条。 您可以启用效果并选择颜色。
它还包括悬停效果。 从 29 种动画中进行选择。
下面来看看文本渐变动画。 我已经包含了 Reveal 效果和 Wobble Bottom 悬停效果。
Divi Next Texts 文本突出显示
文本突出显示在文本上突出显示。 它还包括前后文本，允许您仅突出显示短语的一部分。 您还可以将文本显示为堆栈。
从 14 个选项中选择突出显示样式。 突出显示样式绘制到文本上。 动画在设定的时间后重复。 此示例使用 Double。
“设计”选项卡包括高亮设置，您可以在其中选择颜色、笔触宽度和动画延迟。 本示例使用之字形。
这个使用删除。 我已将笔触宽度调整为最大设置并降低不透明度，以便文本显示出来。
您可以分别调整标题文本和突出显示文本的字体。 我将标题文本保留为默认值，并将突出显示的文本加粗并增加了大小。
您还可以启用悬停效果。 这会影响所有文本。
此示例使用 Wave 高亮样式。 我已将宽度设置为 26px，选择红色并降低不透明度，使其看起来像荧光笔，并选择 Wobble Skew 作为悬停效果。
Divi Next Texts 文本悬停突出显示
文本悬停突出显示仅包括悬停时的突出显示。 这个允许您禁用文本之前和之后。
它有 59 种悬停效果可供选择。
您可以调整高光高度。 默认值为 3px。 在本例中，我选择了 Overline Left 悬停效果并将高光高度设置为 10px。
高光设置包括颜色和渐变。 我启用了前后文本，为突出显示选择了右下划线，并将高度设置为 16px。 高光颜色为红色，不透明度降低。
这个包括一个渐变。 选择两种颜色，渐变类型、方向、开始位置和结束位置。
字体对文本和突出显示文本具有独立控制。 我已经对两者进行了调整。
这是动画。 我选择了 Double Underling Right 作为悬停效果，将高度设置为 24px，并为悬停效果使用渐变。
Divi Next Texts 文本掩码
文本蒙版有多种设置和选项，包括垂直旋转和垂直翻转选项。 我启用了这两个选项。
图像蒙版可让您选择将显示为文本颜色的图像。 选择背景大小、位置和图像重复。
这种效果特别适用于超粗的大字体。
它们在背景图像上的颜色也很棒。
文本掩码还包括悬停动画。
此示例显示流行悬停效果。 我已经包含了一个棕褐色覆盖并将字体设置为斜体和全大写。
Divi Next Texts 文本多标题
文本多标题添加三组标题文本，并为每个标题包含不同的背景。
背景包括颜色和渐变。 本示例在第一个标题后面放置了一个蓝色背景。
渐变有两种颜色。 选择渐变类型（线性或径向）、方向、开始位置和结束位置。 我在第二个标题中添加了渐变。
三个标题可以独立调整。 我已经调整了标题的颜色、大小和重量。 我还增加了字体的大小。 每个标题的大小不同。
每个标题都可以有一个渐变。 我在第二个标题中添加了渐变。
标题包括一个单独的显示效果，您可以为每个标题选择不同的颜色。
悬停效果包括所有三个标题。
每个标题都有单独的间距设置。 我在第二个标题的左右两侧添加了 30px。
标题也有独立的边界。 我在第二个标题中添加了一个边框。
Divi Next Texts 文本描边
文字描边创建描边动画和大轮廓文字。
笔触设置包括颜色、悬停效果、悬停方向和运动持续时间。 我已经调整了颜色并将笔触宽度设置为 6px。 这会更改字体线条的粗细。 动画包括描边填充和填充描边。 它有6个方向可供选择。
悬停颜色会更改字体内部的颜色。 它有纯色和渐变色。 这是纯色。
这是一个渐变。 我已经调整了颜色，将其设置为径向，并将方向设置为中心。
Divi Next Texts 文本描边运动
Text Stroke Motion 添加了带有动画的笔触效果。
颜色调整包括单色、多色和填充。 这是 Single，它只显示一种颜色。
Multi 可让您选择 5 种不同的颜色。 颜色是动画的。
填充可让您选择文本内的颜色。
描边设置包括线条的宽度、虚线的长度、间隙的大小和虚线的偏移。 这些共同创造了一些有趣的设计。
这是动画。 我改变了颜色、宽度和破折号的大小。
Divi Next Texts 文本倾斜
Text Tilt 提供带有标题和内容区域的卡片。 使用编辑器添加您的内容。 卡片会根据您悬停的位置向不同方向倾斜。
背景内容包括纯色和渐变。 这是卡片倾斜的示例。
眩光会根据卡片的倾斜方式添加看起来不同的眩光效果。
3D 倾斜使文本从卡片上弹出。
Tilt Reverse 使卡片向相反方向倾斜。 设置还包括透视、最大值、速度、x 和 y 的起点以及比例。
它还包括内容间距、内容边框和内容框阴影的设置。
这是使用眩光的倾斜效果。 我已经包含了一个边框和框阴影。
Divi Next Texts 价格和支持
Divi Next Texts 可从开发人员的网站获得。 有 3 个许可证选项：
- 单一许可证 – $29.00
- 无限许可 – $49.00
- 终身许可证 – $129.00
通过票务系统提供支持。 支持页面包含指向常见问题解答的链接。 其中一些包括详细的视频和说明。
结束的想法
Divi Next Texts 是一个出色的插件，为 Divi 添加了许多排版功能。 我特别喜欢动画、悬停效果、蒙版、笔触，实际上，我喜欢所有这些。
这些模块非常直观。 某些设置（例如 h 标签）似乎应该位于“设计”选项卡中。 一些动画看起来很相似。 这些绝不是抱怨，但我想提一下。
如果您有兴趣向 Divi 网站添加大量排版动画功能，Divi Next Texts 是一个不错的选择。
我们希望听到您的意见。 您是否尝试过 Divi Next Texts？ 请在评论中告诉我们您对此的看法。
精选图片来自 Mascha Tace/shutterstock.com