如何将 Lightbox 和动态 Lightbox 与 Elementor 结合使用

您的网站是您企业的在线领域。 任何对你所做的事稍微好奇的人都会来参观。 这通常是大多数买家在决定寻求服务提供商或购买产品时首先考虑的事情。 因此,一个网站必须是能够真正给人留下深刻印象的东西。  

目录

使用 Elementor Pro:

如果您的网站是基于Elementor Pro,那么您将获得巨大的优势。 Elementor Pro 不仅是 WordPress 上最好的网站页面构建器之一,而且它非常独特,并且通常提供多种方法来更改页面的外观。

它具有鲜明的对比度和多种颜色组合,而且也非常易于使用。 您实际上可以在任何地方嵌入任何东西,并且您可以在网站上添加 50 个以上的小部件,这一事实补充了这一优势。 我们今天将介绍的功能之一是 Lightbox 的使用以及它如何完全改变您网站的外观。

灯箱简介:

Lightbox 是一种工具,您可以使用它在弹出窗口框中添加图像、视频甚至轮播。 通常,解释这一点的最佳方法是,如果您希望在访问者单击按钮时打开视频或图像。 Elementor Lightbox 实质上使您能够以意想不到的方式显示图像或视频,这只是一种吸引观看者参与的创意方式。

使用灯箱:

使用 Elementor Pro Lightbox 简单明了。 一般来说,灯箱是默认启用的,但您也可以通过转到特定页面的全局设置来打开它。 全局设置将允许您进行多样化的更改,并在图像或视频效果方面为您提供大量选项。

要进入全局设置,只需单击汉堡包图标,如下图所示:

之后,您只需单击全局设置:

全局设置:

如果您打开图像灯箱选项,则链接的所有图像都将在弹出窗口或灯箱中打开。 启用此功能后,您的所有网站都可以使用独有的功能。  

打开计数器选项将使多个图像能够显示在灯箱中。 当您尝试以不同颜色展示特定产品的amp或图像时,这尤其有用。

顾名思义,全屏将以全尺寸图像打开灯箱图像。 如果需要查看图像中的特定细节,这会很有用。

您还可以启用放大选项,可以在放大位置的不同点访问灯箱图像。

您还可以通过允许共享选项在社交媒体上共享灯箱图像。

灯箱图像的标题可以如下图所示显示,其描述也是如此。 您可以从“无”、“标题”、“说明文字”、“描述”或“替代”等选项中进行选择。 这些可以在上传图像时单独设置。

Lightbox Dynamic 的全局设置至关重要,因为它们可以让您更好地了解使用 Lightbox 可以实现的无限可能性。 事实上,您可以用它做很多事情,这完全取决于您对图像、视频和设置选项的创意程度。

设置颜色:

背景、UI、UI 悬停颜色都可以为灯箱图像或视频设置。 选择您喜欢的内容并将网站的配色方案设置为更高的水平。

上传图像并编辑:

当您上传和编辑图像时,可以最好地理解灯箱的使用。 在下图中,您会注意到在内容部分中您将看到一个专用的灯箱部分。 此部分可用于编辑和设置特定图像的设置。  


此部分可用于实现缩放图像或设置社交共享选项等操作。 还可以设置全屏实施和幻灯片放映等选项。

在灯箱操作部分下方,您可以打开字幕选项。 无论您将标题设置为什么,一旦在灯箱链接中设置了图像,它们就会显示出来。 标题将显示在图像下方。

此外,还可以在同一部分中设置文本排版和颜色等选项。



灯箱视频为您的网站带来全新的优势。 有时,图片无法描述您公司的全部内容。 如果您想完整地解释您的产品或功能的规格,那么在您的灯箱部分链接视频是最好的选择。 只需转到下图中的编辑选项并放置视频的链接或 URL。 Lightbox Dynamic 接受来自 Youtube、Dailymotion 甚至 Vimeo 的视频链接。  

此功能使您能够在网站中添加另一个维度。 以前通过灯箱视频解释事情并不容易!

Elementor 的定价:

Elementor 主题在功能和生产一流的产品方面令人惊叹! 借助 LightBox 等功能,它将网站创建的整个方面提升到一个新的更高水平。 Elementor 提供三个软件包,并且在所有三个软件包中都提供 LightBox。 唯一的区别是,在 Elementor Pro 中您可以创建无限的网站!

使用动态灯箱在很多方面都有好处,最好的部分是它很容易在您的整个网站上实施。 基本想法是获得您的网站应有的吸引力,这可以通过动态灯箱轻松完成。 你还在等什么? 今天就准备好您的网站吧!

作家点

查看评论

最近的帖子

如何在 Elementor 中使用页眉和页脚

网站的页眉和页脚是必不可少的元素。 在大多数情况下,标题提供导航...

2022 年 1 月 6 日

WordPress 主题比较:Astra 与 OceanWP

市场上最受欢迎的两个 WordPress 主题是 Astra 和 OceanWP。 专业的…

2022 年 1 月 2 日

WordPress 新闻主题比较:报纸与报纸 阿斯特拉

创建一个优秀的新闻网站并不需要您成为一名网页设计师。 我们…

2021 年 10 月 25 日

创建一个以报纸为主题的新闻相关网站

报纸主题是由 tagDiv 设计的最重要的 WordPress 主题之一,...

2021 年 10 月 18 日

如何使用 Avada WooCommerce 构建器构建电子商务

在建立在线商店时,WooCommerce 是首选plugin。 它…

2021 年 10 月 4 日

如何通过 Elementor 使用粘性标题和滚动效果

标题通常是人们访问您的网站时首先看到的东西,...

2021 年 9 月 21 日