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