So randomisieren Sie Folien in WordPress mit Elementor

Elementor bietet viele kreative Optionen, mit denen Sie spielen können, damit Ihre Website für Besucher viel besser aussieht. Slider und Karussells sind einige Methoden, die WordPress-Benutzer integriert haben, um ihre Websites fortschrittlicher aussehen zu lassen.

Slider bestehen aus einer Folge von Slides, und wenn sie auf Ihrer Website erscheinen, erscheint immer wieder die gleiche Folge. Dieses Tutorial wird verstehen, wie man Folien in WordPress mit Elementor randomisiert.

So randomisieren Sie Folien im Elementor Slider

Fügen Sie zunächst einen HTML-Block hinzu, in den Sie den unten angegebenen Code einfügen.

Hier ist der Code, den Sie in Ihren zuvor erstellten HTML-Block einfügen müssen.

>script/script

Wenn Sie mehr als einen Slider auf Ihrer Website haben, lesen Sie weiter. Abgesehen davon sollte alles gut sein.

So randomisieren Sie Folien für einen oder mehrere Schieberegler

Ändern Sie diese Zeile im Code und geben Sie ihr den Klassennamen FirstSlider .

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

Kopieren Sie den Code und ändern Sie die Klassennamen, wenn Sie möchten, dass zusätzliche Elementor-Schieberegler auf der Seite zufällig sind, und geben Sie ihnen dann separate Klassennamen.

Kopieren Sie dann den Code und fügen Sie ihn unmittelbar nach jeder Slider-Komponente, die Sie randomisieren möchten, in ein HTML-Element ein.

Ändern Sie schließlich den Klassennamen so, dass er mit dem Schieberegler direkt über dem entsprechenden HTML-Element in derselben Codezeile übereinstimmt.

Diese Zeile könnte beispielsweise für den dritten Slider auf Ihrer Website verwendet werden.

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

Das ist es. Wenn alles gut geht, können Sie Ihren randomisierten Elementor Slider genießen. Besuchen Sie uns auf unserer Facebook und Twitter , um unsere Tutorials nie zu verpassen.