Лишний слайд в Slick slider

Как-то раз, перенеся один лэндинг (натянув его на вордпресс), я обнаружил, что в слайдере Slick slider появился лишний слайд. То есть в нумерации на один больше, а когда щелкаешь по последнему числу, то просто все убирается. Решение проблемы оказалось простым, но далеко не очевидным.

Что первое приходит в голову, когда не работает какой-либо скрипт на CMS? Правильно, либо скрипты (плагины) друг с другом конфликтуют, либо версии jQuery. В общем случае эта проблема решается так: отключаем по одному все плагины, убираем конфликт jQuery и, обычно, на каком-то этапе все начинает работать корректно. Но не в этот раз.

Что делать? Принцип остается то же: сокращаем число возможных мешающих элементов. Берем исходный код страницы, сохраняем его в html файл (не забываем исправить относительные пути к скриптам и стилям, если необходимо), а затем редактируем его.

Убрав все, не относящееся к слайдеру Slick slider, я с удивлением обнаружил, что проблема осталась – все также выходит лишний слайд. Но как так: код же идентичен? Так как мистики не бывает, то проверяем код. И действительно: он не совсем идентичен. Оказывается, WP, как обычно подсуетился и в код засунул лишние теги </p>. После того, как я убрал их, то все заработало так, как надо.



Чтобы избежать данной проблемы, иногда посматривайте на исходный код страницы: нередко вордпресс вставляет теги туда, куда совсем не просят, даже если вы не пользуетесь визуальным редактором