Всем привет! Прочитав данную статью, вы узнаете — как добавить на свой Сайт — Слайдер. Слайдер — это блок, в котором, в автоматическом или ручном режиме сменяются — изображения, картинки, текст. В слайдер можно установить миниатюры и заголовки записей вашего Сайта, а также любые фотографии и текста. Безусловно Слайдер может сделать ваш Сайт более привлекательным, да и вообще это очень удобный и полезный элемент для вашего Сайта. Слайдер можно будет вставить в любую область вашего Сайта. Можно будет задать любой размер вашему слайдеру, либо сделать его резиновым.
Итак, установить на наш Сайт Слайдер, нам поможет плагин — Shortcodes Ultimate, о данном плагине я уже рассказывал, плагин позволит добавить на ваш Сайт не только слайдер, но и множество различных функций и элементов, как установить и настроить плагин, а также как работать с плагином, читайте — ЗДЕСЬ!
В данной статье я расскажу вам только о том, как установить на Сайт — Слайдер. Итак, если вы уже установили плагин и познакомились с ним, то едем дальше. Выберите место куда вы хотите установить Слайдер, в запись, через виджет, в сайдбар, так же можно будет вставить шорткод слайдера в любой php файл на вашем сайте, к примеру — header.php или footer.php, как это сделать я расскажу чуть позже. А пока давайте настроим Слайдер.
Первым делом, жмём на кнопку — Вставить шорткод.
Далее выбираем функцию — Слайдер.
У вас откроется окно настройки Слайдера.
А теперь по порядку пройдёмся по настройкам Слайдера:
— Источник, здесь вам нужно выбрать источник, из которого будут браться слайды для вашего Слайдера. Можно выбрать — Медиа Библиотеку, где находятся ваши фотографии., Можете выбрать последнии записи вашего сайта, чтобы можно было перейти на них, а также можно выбрать категории и таксономии. Таксономии — это отдельные рубрики и метки на вашем сайте.
— Лимит — это максимальное количество записей или изображений, которые будут отображаться в Слайдере. Максимальный предел — 100 наименований.
— Ссылки, укажите в какое место будет попадать человек нажавший на слайд. Если вы хотите, чтобы после нажатия на слайд посетитель попадал на страницу записи, тогда укажите ссылка записи. С остальными значениями можете поэкспериментировать, я особо не вникал.
— Цель ссылок, здесь выберите будет ли открываться ссылка в новом окне браузера, или в том же самом. Лично я всегда указываю в новом окне, чтобы не закрывалась изначальная страница.
— Ширина, выберите ширину слайдера.
— Высота, выберите высоту слайдера, конечно желательно, чтобы ширина была больше высоты, так красивее.
— Отзывчивость (responsive) — если вы включите данную функцию, то высота и ширина слайдера будет проигнорирована, слайдер станет резиновым. Отключайте данную функцию, если захотите добавить слайдер в файл php, иначе слайдер растянется на всю страницу сайта.
— Показывать Заголовки, если слайдер будет из записей, то конечно включите данную функцию.
— По центру, жмите да, чтобы слайдер отображался по центру страницы.
— Стрелки, включите стрелки, чтобы можно было самостоятельно перелистывать слайды.
— Страницы, если включите данную функцию, то на слайдере будут показываться страницы в виде кружочков.
— Управление колёсиком мыши, включите данную функцию, чтобы можно было с помощью колёсика мыши перелистывать слайды.
— Автовоспроизведение, выберите временной интервал между слайдами, укажите 0 — чтобы отключить автоматическое переключение слайдов.
— Скорость, выберите скорость перелистывания слайдов, в общем поэкспериментируйте если хотите.
— Класс, дополнительный CSS класс, не знаю, не вникал в данную функцию, знаю что CSS — это стиль.
В конце можно будет посмотреть на результат сделанных настроек, нажав на кнопку — Предпросмотр. Если вас всё устраивает, жмите на кнопку — Добавить шорткод.
Итак с настройками мы разобрались. Теперь я обещал вам рассказать как можно будет добавить Слайдер в файл php. Допустим вы хотите установить Слайдер на самый верх вашего сайта, тогда вам нужно добавить шорткод в папку header.php. Но если вы просто добавите шорткод, то у вас ничего не получится, у вас отобразится просто сам шорткод, а не слайдер.
Используйте специальный HTML-код для добавления шорткода, вот как он выглядит, вам лишь надо вставить в него свой шорткод и всё:
Ну что же я надеюсь вы поняли как установить на свой сайт слайдер. Ничего сложного в установке и настройке слайдера нет, просто поэкспериментируйте немного, и у вас всё получится. У меня всё на этом, удачи вам, до новых встреч.
У вас остались Вопросы? Я жду ваших комментариев!
Здравствуйте, Илья! Скажите, пожалуйста, разместила с помощью этого плагина слайдер и карусель. В слайдере все в порядке с качеством изображений, а вот в каруселе все мутное. При этом фото стоят в товарах — там все ок. В чем может быть проблема?
Добрый день. Да, знаю, у меня тоже самое получается. Не знаю из-за чего это. Видимо здесь надо размер изображений подбирать. То есть, карусель не адаптивная. Лучше другой плагин использовать, типа Carousel Slider.