Как можно сделать подобный слайдер?

FeST1VaL, показалось проще. помогло свойство thumbs:

const lastSlideIndex = document.querySelectorAll(".historical__nav .swiper-slide").length - 1;

    const sliderYears = new Swiper(".historical__nav .swiper-container", {
        slidesPerView: 6,
        spaceBetween: 57,
        draggable: true,
        navigation: {
            nextEl: ".historical__nav-button--next",
            prevEl: ".historical__nav-button--prev",
        },
    });
    const sliderContent = new Swiper(".historical__content", {
        slidesPerView: 1,
        allowTouchMove: false,
        initialSlide: lastSlideIndex,
        thumbs: {
            swiper: sliderYears,
        },
    });

Как сделать такую маску в CSS?

Aetae, проще уж сказать чтобы упростили тогда))

Как сделать такую маску в CSS?

Да, но если делать прозрачность фона как на картинке, то обводки будут видны. И вот не знаю как с клиентом в этом случае взаимодействовать)

Как правильно сформировать пагинацию при AJAX подгрузке постов?

Лев Александров, Решил как то?

Каким способом можно отрисовать вот такую фигуру в css?

&:after {
        content: "";
        position: absolute;
        bottom: -39px;
        left: 0;
        width: 0;
        height: 0;
        border-width: 37.5px 0px 39.5px 958px;
        border-color: transparent transparent transparent #F25830;
        border-style: solid;
    }

Так если делать, то при масштабе он не растягивается до картинки, которая справа

Как вставить значение дата атрибута в value?

Спасибо!!! Думал почему ошибка, записывал по синтаксису не так

Как в input добавить новое значение?

Lendwye,
В таком виде не работает

function handlerInput(event) {
        let replace = inputHidden.value;
        let string = this.value;
        this.value = string.replace(replace, '');
         // this.classList.add("input-checked-js");

            // inputHidden.value += this.value;
            // inputHidden.value += '; ';

    }

Как в input добавить новое значение?

Lendwye,

Я не знаю как написать это. Нужно что то такое, но я написать не могу..

function handlerInput(event) {

            this.classList.add("input-checked-js");

            if (this).classList.contains("input-checked-js") {
                убрать значение
            } else {
            inputHidden.value += this.value;
            inputHidden.value += '; ';
}
}

Как в input добавить новое значение?

Lendwye, Все ок отмечу, последнее с чем не могу разобраться

Нужно условие. При повторном клике по тому же инпуту убирать это значение из value

Как в input добавить новое значение?

Все круто, но нет пробела между значениями. Можно сделать?

Как передать значение в скрытый инпут?

const inputs = document.querySelectorAll('.input-js');
    const inputHidden = document.getElementById('additional');


    // Обход цикла
    inputs.forEach((input) => {
    input.addEventListener('click', handlerInput);
    });

    function handlerInput(event) {
        inputHidden.value = this.value;
    }

Сделал так, но если кликать по следующим чекбокам, значение в скрытом инпуте заменяется, а нужно чтобы добавлялось, например через запятую

Как сделать кнопку показать еще, учитывая рубрику?

Анатолий Куликов, Еще записи дублируются

Как сделать кнопку показать еще, учитывая рубрику?

Анатолий Куликов,
К сожалению ошибка(
Когда добавляю строку if($categoryId) $args['cat'] = $categoryId
Если добавлю в конце строчки точку с запятой (;), то ошибка пропадает, но посты все равно продолжают выводиться все

Parse error: syntax error, unexpected 'query_posts' (T_STRING) in F:\OpenServer\domains\its\wp-content\themes\its\functions\loadmore.php on line 24

Как сделать кнопку показать еще, учитывая рубрику?

Анатолий Куликов, Напишите пожалуйста как будет по коду. Весь день голову переломал, ничего не выходит. Дело в пару строк, а решение не могу найти

Как сделать кнопку показать еще, учитывая рубрику?

Получается

Кнопке добавляю data-category="' . $category. '"
где $category = получаю id категории

Не совсем понятно как это реализовать по коду..

Как исправить проблему с локализацией JS?

Как это сделать?

Как сделать разворачивание блоков?

Алексей,

$(document).ready(function(){
  $('.more-functions').click(function(){
  
          $('.content').slideToggle('slow');
          if( $(this).hasClass('active') )
              $(this).html('Все функции <i class="icon icon-arrow_mini-down"></i>');
          else
              $(this).html('Свернуть <i class="icon icon-arrow_mini-up"></i>');
      
      $(this).toggleClass('active');
  });

});

Вот вариант, с ним разобрался. Но теперь осталась проблема с локализацией русского текста. Локализация будет производится плагином Wordpress php функцией. Но ее сюда не вставить и поэтому ищу решение.

Как плавно убирать класс у блока?

А если изначально присвоен класс inactive и в блоке есть текст, на который тоже действует opacity, а нужно только на фон?

Как плавно убирать класс у блока?

Сергей delphinpro, Как то анимировать событие, а то сейчас при наведении курсора все происходит резко.

Как вывести записи в архивах Wordpress?

Дмитрий, Каким образом реализовал?