Как установить слайдеры?

3 ноября 2014 г. Просмотров: 761 Инструкции
Слайдер представляет собой набор картинок, сменяющих друг друга, т.е. последовательный показ слайдов на веб-странице. На каждом элементе может находиться как изображение, так и текст, видео, кнопки. Движение изображений привлекает внимание пользователя, поэтому слайдеры часто используют вместо баннеров.

Вам понадобится

  • - компьютер с доступом в интернет;
  • - навыки работы в Wordpress.

Инструкция

  • Перейдите в панель управления своим сайтом в Wordpress, выполните добавление слайдера на страницу с помощью специального плагина – Vslider. Для этого в код вашей страницы необходимо добавить следующую строку: Вставьте его перед началом цикла Loop, т.е. перед началом ваших записей.
  • Перейдите на страницу настроек плагина, чтобы изменить установленный слайдер. В первом блоке настроек установите размер слайдера, длительность паузы между сменой картинок, эффект, параметры шрифта и так далее. Чтобы уточнить нужную ширину слайдера, воспользуйтесь плагином в Опере, экранной линейкой Rules. После ввода настроек щелкните «Сохранить», перейдите в блок «Вывод изображений».
  • Выберите источник изображений, если это будут отдельные картинки, значит, укажите вариант Yes, custom, если вы подключаете рубрику, тогда из списка выберите нужную. Далее щелкните «Сохранить настройки». При выборе первого варианта загрузите все изображения в папку vSlader – images. Размер картинки должен соответствовать размеру слайдера, а именно его ширине. Названия изображений вводите латинскими буквами для их корректного отображения на сайте. Чтобы добавить слайдер, не выбирайте больших изображений, не перегружайте страницу.
  • Установите настройки вывода картинок в следующем блоке. В первой строке укажите путь к изображению, во второй вы можете указать ссылку на картинку. В следующих строках при желании введите заголовок картинки и ее описание. Щелкните «Сохранить». Максимально может быть добавлено пять файлов изображений. Все настройки вы можете применить отдельно для каждого изображения. На этом установка слайдера на сайт завершена.
  • Оцените статью!