Elementor предлагает множество творческих возможностей, с которыми можно поиграть, чтобы ваш сайт выглядел намного лучше для посетителей. Слайдеры и карусели — это несколько методов, которые пользователи WordPress внедрили, чтобы их веб-сайты выглядели более продвинутыми.
Слайдеры состоят из последовательности слайдов, и когда они появляются на вашем веб-сайте, оказывается, что это одна и та же последовательность снова и снова. Из этого туториала вы узнаете, как рандомизировать слайды в WordPress с помощью Elementor .
Как рандомизировать слайды в Elementor Slider
Для начала добавьте блок HTML, куда вы будете вставлять приведенный ниже код.
Вот код, который вам нужно вставить в ранее созданный блок HTML.
Создавайте потрясающие сайты
С лучшим бесплатным конструктором страниц Elementor
Начать сейчас>script/scriptЕсли на вашем сайте более одного слайдера, продолжайте читать. Кроме этого, все должно быть хорошо.
Как рандомизировать слайды для одного или нескольких слайдеров
Измените эту строку в коде и дайте ей имя класса FirstSlider .
document.querySelector('.elementor-slides');
// change it to
document.querySelector('.slider1 .elementor-slides');Скопируйте код и измените имена классов, если вы хотите, чтобы дополнительные ползунки Elementor на странице были случайными, а затем дайте им отдельные имена классов.
Затем скопируйте и вставьте код в элемент HTML сразу после каждого компонента слайдера, который вы хотите рандомизировать.
Наконец, измените имя класса, чтобы оно соответствовало ползунку непосредственно над соответствующим элементом HTML в той же строке кода.
Эта строка, например, может использоваться для третьего слайдера на вашем сайте.
document.querySelector('.slider3 .elementor-slides');Вот и все. Если все пойдет хорошо, вы можете продолжить и наслаждаться рандомизированным слайдером Elementor . Обязательно присоединяйтесь к нам на нашем Facebook и Twitter , чтобы не пропустить наши уроки.
