Блог программиста UMI CMS

Про слайдеры в ЮМИ и не только

Рубрика: Решения, Сайт в аренду umi.ru, Тонкости UMI CMS

Недавно я получил просьбу рассказать о слайдерах в ЮМИ ЦМС.  Цитирую:

Добрый день! Вторую неделю мучаемся с установкой слайдера на главной странице сайта. Постоянно слетает дизайн. Мы были бы Вам очень благодарны, если бы Вы посвятили этой теме свою статью.

Из письма сложно судить о том, в какой ситуации находится спрашивающий и что за проблемы его преследуют. Я задал уточняющие вопросы на почту, но ответа пока не получил. Поэтому я взял на себя смелость предположить, что речь идет о попытке установки готового слайдера в арендном сайте на UMI.RU.

Варианты работы со слайдером могут быть совершенно различные, но основных путей его установки на сайт 2:

1. Воспользоваться штатным слайдером из дизайна ЮМИ.РУ

Если в рамках выбранного вами дизайна существует блок для вставки слайдов — вам чертовски повезло и задача размещения слайдера сводится только лишь к его наполнению. Подобных дизайнов в последнее время в облаке ЮМИ все больше. И, стоит отметить, они весьма неплохо смотрятся, так как обычно выполнены в режиме адаптивной верстки. (Адаптивная верстка — это когда сайт приспосабливается под размер экрана, при этом позволяя пользователю видеть ту же информацию, но немного в другом, более удобном виде)

2. Воспользоваться полем ввода текста на главной странице

Это сложный и тернистый путь, доступный далеко не всем. Дело в том, что стандартное поле для ввода текста в режиме WYSWYG обрезает достаточно много того, чего не понимает. Например, аттрибуты. Это просто болезнь редактора. Если ваш слайдер, не дай бог, использует недокументированные аттрибуты, то, с большой долей вероятности, вы даже не сможете сохранить его в исходном виде. Вставка — и ничего "лишнего" уже нет.

Помимо этого есть вторая проблема — проблема некорректного отображения содержимого изменяемой области. Обычно она возникает в полях типа текст не снабженных визуальным редактором, но бывают и исключения. Проявляется это так: вы открываете исходный код страницы и видите там нужный вам кусок, например JavaScript. Когда же ту же страницу вы открываете в редакторе — скрипта уже нет. Естественно, что сохраняя её после подобного редактирования вы записываете ровно ту версию, которую помнит редактор, то есть версию без скрипта. Как итог, любое пересохранение информации приводит к её частичной потере. Эта проблема хороша тем, что одноразово все-таки можно запустить нужные вам конструкции, однако любая следующая модификация убивает всю работу на корню.

Можно ли преодолеть все эти проблемы и получить полноценно работающий слайдер? Мой ответ — да! А вот о способах преодоления я расскажу в следующей статье.