如何使用 Elementor 在 WordPress 中随机化幻灯片

Elementor提供了许多创意选项，让您的网站在访问者眼中看起来更好。 滑块和轮播是 WordPress 用户为使他们的网站看起来更高级而采用的一些方法。

滑块由一系列幻灯片组成，当它们出现在您的网站上时，它会一遍又一遍地出现相同的序列。 本教程将了解如何使用Elementor在 WordPress 中随机化幻灯片。

如何在 Elementor Slider 中随机化幻灯片

首先，添加一个 HTML 块，您将在其中粘贴下面给出的代码。

这是您需要粘贴到之前创建的 HTML 块中的代码。

>script/script

如果您的网站上有多个滑块，请继续阅读。 除此之外，一切都应该很好。

如何为一个或多个滑块随机化幻灯片

更改代码中的这一行并将其命名为FirstSlider 。

document.querySelector('.elementor-slides');
// change it to
document.querySelector('.slider1 .elementor-slides');

如果您希望页面上的其他 Elementor 滑块是随机的，请复制代码并更改类名，然后为它们提供单独的类名。

然后在您希望随机化的每个滑块组件之后立即将代码复制并粘贴到 HTML 元素中。

最后，更改类名以匹配同一行代码中相应 HTML 元素正上方的滑块。

例如，这条线可能用于您网站上的第三个滑块。

document.querySelector('.slider3 .elementor-slides');

而已。 如果一切顺利，您可以继续享受您的随机Elementor Slider。 确保加入我们的 Facebook和Twitter永远不会错过我们的教程。