Elementor를 사용하여 WordPress에서 슬라이드를 무작위화하는 방법

Muneeb 워드프레스 튜토리얼 Jan 19, 2022

Elementor 는 웹사이트를 방문자에게 훨씬 더 보기 좋게 만들기 위해 사용할 수 있는 많은 창의적인 옵션을 제공합니다. 슬라이더와 회전 목마는 WordPress 사용자가 웹 사이트를 더욱 고급스럽게 보이게 하기 위해 통합한 몇 가지 방법입니다.

슬라이더는 일련의 슬라이드로 구성되며 웹 사이트에 나타날 때 동일한 시퀀스가 계속해서 발생합니다. 이 튜토리얼은 Elementor 를 사용하여 WordPress에서 슬라이드를 무작위화하는 방법을 이해합니다.

Elementor Slider에서 슬라이드를 무작위화하는 방법

먼저 아래 주어진 코드를 붙여넣을 HTML 블록을 추가합니다.

이전에 생성한 HTML 블록에 붙여넣어야 하는 코드는 다음과 같습니다.

놀라운 웹사이트 만들기

최고의 무료 페이지 빌더 Elementor와 함께

지금 시작
>script/script

웹사이트에 슬라이더가 두 개 이상 있는 경우 계속 읽으십시오. 그 외에는 모든 것이 좋아야 합니다.

하나 이상의 슬라이더에 대한 슬라이드를 무작위화하는 방법

코드에서 이 줄을 변경하고 클래스 이름 을 FirstSlider 로 지정합니다.

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

페이지에 추가 Elementor Slider를 무작위로 추가하려면 코드를 복사하고 클래스 이름을 변경한 다음 별도의 클래스 이름을 지정하십시오.

그런 다음 임의화하려는 각 슬라이더 구성 요소 바로 뒤에 있는 HTML 요소에 코드를 복사하여 붙여넣습니다.

마지막으로 동일한 코드 줄에서 해당 HTML 요소 바로 위의 슬라이더와 일치하도록 클래스 이름을 변경합니다.

예를 들어 이 줄은 웹사이트의 세 번째 슬라이더에 사용될 수 있습니다.

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

그게 다야 모든 것이 잘되면 무작위 Elementor Slider를 즐길 수 있습니다. 저희와 함께하세요. FacebookTwitter 에서 튜토리얼을 놓치지 마세요.