如何在 Elementor 中创建滑块图像

已发表: 2021-08-05

当您访问几乎任何网站时，您会注意到的第一件事就是页面顶部或中间的滑块。它们如此普遍的主要原因是网站访问者喜欢它们，网站所有者发现它们非常有用。幻灯片是一种展示各种信息的好方法，可以让您的网站访问者保持参与。

Elementor 是一个有用的工具，让您只需几步即可创建有吸引力的滑块和图像轮播。我们的指南将引导您为您的网站创建现代Elementor 滑块和轮播。

流行的 Elementor 滑块

Elementor 有几个不同的滑块可供选择，其中一些最受欢迎的是； 元素滑块小部件、智能滑块、图层滑块和革命滑块。有一个轮播小部件可供基本用户使用，有几个可供专业用户使用。无论帐户类别如何，所有小部件都完全集成，这使得它们易于设置，同时创建无缝的用户体验。

最容易使用的是 Elementor Slider 小部件，我们将在本文中介绍它。虽然有些用户可能会发现开发他们的网站很容易，但其他人可能会觉得比较困难。无论如何，我们建议您咨询曼彻斯特的专门网站设计公司，例如 Blue Whale Media，以帮助您进行网页设计和开发。

在 Elementor 中创建滑块

在 Elementor 中制作幻灯片并不像您想象的那么复杂。如果您使用的是基本版 Elementor，请从您的帐户面板中选择 Carousel 小部件。此小部件将允许您创建充满基本图像的图像库，这些图像在您的网站和移动版本的网站上看起来很有吸引力。您可以从笔记本电脑上传新图像，也可以从媒体库中选择现有图像。

您可以通过单击图片库访问 Elementor 控制台，然后从左侧的下拉菜单中单击创建图库。选择要显示的所有图像单击图片。图片的右上角会出现一个勾号，屏幕底部也会显示一个副本。为滑块选择图像后，您可以对图像和滑块本身进行其他自定义。

在小部件面板中，选择要显示的图像大小以及要在面板中并排显示的图片数量。您还可以从小部件面板的下拉菜单中选择滚动速度。选择要一次滚动的图像数量。

例如，您可以一次设置一张图片的滚动，或者可以让一组图片同时滚动到下一个面板。对于具有大量图像的滑块，每个滚动 2-3 个是理想的。

Elementor Pro 滑块

在您的帐户面板中，如果您使用的是 Elementor 的专业版，您将能够从多个滑块小部件中进行选择。这允许您执行与基本滑块相同的所有操作，但具有扩展的选项集。可以选择为每张图片添加标题和说明，您还可以编写将在幻灯片中每张图片底部显示的标题。这是在幻灯片上合并关键字或号召性用语的好方法。

访问 Elementor 设置面板，然后打开您的图库。通过单击添加图像。屏幕左侧将有一组扩展的选项。您可以选择每张幻灯片背景的颜色或图像，也可以应用彩色叠加。如果您觉得很有创意，也可以调整背景混合模式。

自定义您的图像滑块

您的 Elementor 图像滑块可以使用各种各样的自定义选项。要访问这些功能，只需单击屏幕左上角的样式选项卡。从这里您可以调整边框大小和设置、图像间距，甚至每个图像上的过滤器和阴影。通过在底部添加点或箭头来修饰您的滑块。您也可以在样式选项卡中更改它们的颜色、大小和形状。这将为站点访问者提供有关幻灯片中有多少图像的视觉线索，此外还为他们提供了一种手动滚动滑块上图像的方法。

创建 Elementor 图像幻灯片的捷径

如果您只是在寻找一种使用 Elementor 将图像滑块添加到您的网站或 WordPress 的快速方法，此快捷方式可以提供帮助。单击编辑页面或在屏幕左侧添加新页面。然后，使用 Elementor 按钮单击编辑。仪表板将在您的左侧打开，从仪表板搜索并选择滑块小部件选项。将小部件从仪表板拖放到您的页面上。这将放置滑块并触发一个新的仪表板以打开滑块的设置。从计算机或媒体库上传所需的图像后，选择所需的设置。选择最终选项后，单击更新。您的新 Elementor 图像幻灯片已准备就绪！

在 Elementor Pro 中创建替代图像轮播

在 Elementor 中创建媒体轮播很容易。该小部件将允许您在灯箱中生成带有可选较大图像的缩略图滑块。与常规滑块类似，媒体滑块允许您直接从图库中选择和显示内容并将其设置为滚动。此小部件的不同之处在于，您可以使用媒体库中的视频，或在灯箱区域中使用来自 Vimeo 和 YouTube 的视频 URL。设置此滑块的说明与基本和专业图像滑块说明相同，但使用视频而不是静止图像。

您还可以使用“评论”小工具来创建一个包含图像和文本的滑块。这是用他们的实际文字和他们提供的关于您的产品或服务的图片展示您的客户反馈的好方法。此滑块可以设置在网页的顶部或底部，并设置为像常规滑块一样滚动。有这么多可用的滑块选项，只需点击几下鼠标，即可创建一个响应迅速且美观的网站。