WordPress divi主题

Divi 插件亮点:Next Image Effect Pro

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

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

Next Image Effect Pro 是 Divi 的第三方插件,它添加了许多图像悬停效果,有助于吸引人们对图像和链接的注意。 该插件为 Divi Builder 添加了 7 个模块,每个模块都有自己的一组设计和效果。 在本文中,我们将看看 Next Image Effect Pro 并看看它可以做什么。

google广告开户

下一个 Image Effect Pro 安装

下一个 Image Effect Pro 安装

从 Divi Marketplace 购买并下载插件。 请按照以下步骤安装它:

  1. 在 WordPress 仪表板中,转到 插件 > 添新
  2. 从您的计算机上传插件
  3. 点击 现在安装
  4. 安装插件后,点击 启用

下一个 Image Effect Pro 安装

接下来,您需要激活许可证。 去 插件 > 图像效果专业版许可证. 输入您的许可证密钥并保存更改。

下一个 Image Effect Pro 模块

下一个 Image Effect Pro 模块

Image Effect Pro 向 Divi Builder 添加了一组模块,其中包括图像和文本的样式组合。 他们添加了数百种悬停效果和方向组合。 文本样式选项包括标题、焦点文本、内容及其背景的独立控件。

模块包括:

  • 圆形图像悬停
  • 图像悬停框
  • 图像图标效果
  • 巨型图像效果
  • 最小图像悬停
  • 下一张图片滚动
  • 终极图像悬停

圆形图像悬停

圆形图像悬停

圆形图像悬停有两个主要部分:图像和文本(悬停内容)。 我添加了一个矩形图像。 它以原始形状显示图像,然后使其变为圆形。 如果图像是正方形的,这将是一个完美的圆形。

WordPress divi主题

圆形图像悬停

图像的设计设置包括框阴影位置、强度和颜色。

圆形图像悬停

文本包括一个添加标题和内容的部分。 您可以在设计设置中设置它们的样式。 我在这个例子中增加了尺寸。

圆形图像悬停

标题背景可以是纯色或渐变色。 这个使用默认渐变。

圆形悬停

它有 19 种悬停效果,每种效果有 4 个方向选项。 这是效果 1。效果有多种方式可以将图像转出和转入内容。它们包括缩放、翻转、幻灯片等等。

图像悬停框

图像悬停框

图像悬停框还包括带有悬停内容的图像。 它不会改变图像的形状。

fiverr建站WordPress程序员

图像悬停框

它还包括覆盖(或显示并看起来像覆盖的背景)并添加标题背景。 两种背景都可以包括纯色和渐变。 此示例使用默认叠加背景。 我更改了标题背景的颜色并增加了文本的大小。

图像悬停框

它有 13 种不同的悬停效果,包括翻转、幻灯片、淡入淡出、缩放等。其中一些效果添加了方向选项。 这是效果1。

图像图标效果

图像图标效果

独立站选品工具

图像图标效果添加了一个悬停元素,在图像上显示标题和焦点文本。 像其他人一样,您可以使用纯色或渐变更改背景颜色,并且它包括多种悬停效果。 这个悬停效果带来了边框,看起来特别优雅。 这是佐伊悬停效果。

图像图标效果

使这个与众不同的是图标。 您可以添加 4 个不同的图标,并让它们在同一个窗口或新窗口中打开。

图像图标效果

图标设置包括颜色、大小、间距、线高、背景色、阴影、边框等。在这个例子中,我添加了背景色并降低了线高来创建一条线。 我还添加了阴影。 这是悬停效果赫拉。

高质量外链购买

图像图标效果

这是悬停效果特里。 我更改了标题和焦点文本的颜色,并使用了前面示例中的字体大小和图标设置。

巨型图像效果

巨型图像效果

Mega Image Effect 是另一张双面卡片,一面是图像,另一面是内容。 正面正常显示图像。

巨型图像效果

JasperAI 10000字免费额度试用

卡片背面正常显示内容,包括字体和背景调整。 让它与众不同的是添加按钮的能力。

巨型图像效果

您可以完全控制按钮设计,包括与标准背景相同的纯色和渐变选项。 此示例显示按钮背景的渐变。

巨型图像效果

您可以完全控制按钮的字体和背景样式。 我在这个例子中调整了字体和边框。 模块的每个元素也有间距调整。 我在按钮底部添加了 20 个像素。 每个模块都有这些间距调整。

WordPress备份工具updrafplus

巨型图像效果

这个模块有太多的悬停效果无法计算。 仅图像效果就令人印象深刻,但它也有很多文字效果。 您可以分别调整图像悬停和文本悬停,并设置文本效果的时间。

巨型图像效果

这个例子是平行左图像悬停、放大文本效果和一个小的文本延迟。

最小图像悬停

最小图像悬停

最小图像效果是集合中最简单的模块。 它显示具有悬停效果的图像。

最小图像悬停

唯一的自定义设置是悬停效果。 它包括 10 种效果可供选择。 我们会看一些。

最小图像悬停

此示例是横向扩展旋转。 图像在正常状态下被缩小并旋转了一点。 悬停时,图像会放大并旋转到正常状态。

最小图像悬停

这是模糊。 图像在您悬停之前是模糊的,然后它会慢慢地变得模糊,直到它变得清晰。

最小图像悬停

这是闪烁。 一阵白色在图像上闪烁,然后在您悬停时消失。

下一张图片滚动

下一张图片滚动

Next Image Scroll 在图像上放置一个叠加层,并在右上角添加一个按钮。 您可以为纯色和渐变调整按钮的颜色。 此示例显示默认设置。

下一张图片滚动

您还可以调整叠加层。 设置纯色或渐变色。 它还包括渐变类型和标准控件。

下一张图片滚动

背景位置可让您显示图像的顶部或底部。

下一张图片滚动

图像在悬停时移动到顶部或底部。 在此示例中,模块显示图像的底部并在悬停时滚动到图像的顶部。

终极图像悬停

终极图像悬停

Ultimate Image Hover 根据您选择的效果显示大小和形状。 这是效果 1。它以高矩形图像显示照片的一部分。 它包括标题和焦点文本、内容和覆盖。 叠加包括将颜色调整为纯色或渐变。

终极图像悬停

悬停时,覆盖变亮并显示文本。

终极图像悬停

图像不透明度可让您调整可以看到的背景量。 在此示例中,我降低了不透明度,更改了标题和焦点文本的大小、标题文本颜色、焦点文本粗体,使焦点文本全大写,并为焦点文本添加了文本阴影。

终极图像悬停

该模块有 24 种悬停效果。 它们以不同的大小、不透明度级别、文本位置和添加边框显示图像。

终极图像悬停

这是效果 4。它以正方形显示图像,并在内部周围添加一个边框,该边框在两端重叠。

终极图像悬停

这是效果 5。它使覆盖层变暗并在图像内部添加边框,并以正方形显示图像。

终极图像悬停

效果 6 将标题和焦点文本放置在顶部,并在它们下方放置一条线,并将内容放在底部。

终极图像悬停

效果 8 保持大矩形尺寸并添加细边框。

终极图像悬停

这是效果 10。悬停时,图像缩放,线条变为 x,并出现渐变。

下一个 Image Effect Pro 示例

下一个 Image Effect Pro 示例

举个简单的例子,这里是 Divi Home Renovation 布局,添加了 Ultimate Image Hover 模块以创建 CTA。 我已将它添加到图像的左侧并使用布局中的颜色。

下一个 Image Effect Pro 示例

悬停时,图像向右滑动,显示 CTA,图像变得不那么不透明(这让更多的背景颜色通过)并添加了边框。 此示例使用悬停效果 8。

购买 Next Image Effect Pro

购买 Next Image Effect Pro

Next Image Effect Pro 可在 Divi Marketplace 上以 49 美元的价格购买。 它包括无限的网站使用、30 天退款保证以及 1 年的支持和更新。

结束的想法

这就是我们对 Divi 的 Next Image Effect Pro 的看法。 这 7 个模块添加了许多图像功能,使您的网站脱颖而出。 使用它们很直观。 所有模块之间的效果和组合的数量令人印象深刻。 每个模块都是独一无二的,但大多数都添加了图像、标题和内容,以便为 CTA、团队成员、推荐信、一般信息、联系信息等提供大量设计可能性。

我们希望收到你的来信。 你试过 Next Image Effect Pro 吗? 在评论中让我们知道您对此的看法。

特色图片来自 elenabsl / shutterstock.com