Стильный и простой слайдер для сайта на wordpress

Всем привет! Прочитав данную статью, вы узнаете – как добавить на свой Сайт – Слайдер. Слайдер – это блок, в котором, в автоматическом или ручном режиме сменяются – изображения, картинки, текст. В слайдер можно установить миниатюры и заголовки записей вашего Сайта, а также любые фотографии и текста. Безусловно Слайдер может сделать ваш Сайт более привлекательным, да и вообще это очень удобный и полезный элемент для вашего Сайта. Слайдер можно будет вставить в любую область вашего Сайта. Можно будет задать любой размер вашему слайдеру, либо сделать его резиновым.

Итак, установить на наш Сайт Слайдер, нам поможет плагин – Shortcodes Ultimate, о данном плагине я уже рассказывал, плагин позволит добавить на ваш Сайт не только слайдер, но и множество различных функций и элементов, как установить и настроить плагин, а также  как работать с плагином, читайте – ЗДЕСЬ!

В данной статье я расскажу вам только о том, как установить на Сайт – Слайдер. Итак, если вы уже установили плагин и познакомились с ним, то едем дальше. Выберите место куда вы хотите установить Слайдер, в запись, через виджет, в сайдбар, так же можно будет вставить шорткод слайдера в любой php файл на вашем сайте, к примеру – header.php или footer.php, как это сделать я расскажу чуть позже. А пока давайте настроим Слайдер.

Первым делом, жмём на кнопку – Вставить шорткод.

Далее выбираем функцию – Слайдер.

У вас откроется окно настройки Слайдера.

А теперь по порядку пройдёмся по настройкам Слайдера:

– Источник, здесь вам нужно выбрать источник, из которого будут браться слайды для вашего Слайдера. Можно выбрать – Медиа Библиотеку, где находятся ваши фотографии., Можете выбрать последнии записи вашего сайта, чтобы можно было перейти на них, а также можно выбрать категории и таксономии. Таксономии – это отдельные рубрики и метки на вашем сайте.

– Лимит – это максимальное количество записей или изображений, которые будут отображаться в Слайдере. Максимальный предел – 100 наименований.

– Ссылки, укажите в какое место будет попадать человек нажавший на слайд. Если вы хотите, чтобы после нажатия на слайд посетитель попадал на страницу записи, тогда укажите ссылка записи. С остальными значениями можете поэкспериментировать, я особо не вникал.

– Цель ссылок, здесь выберите будет ли открываться ссылка в новом окне браузера, или в том же самом. Лично я всегда указываю в новом окне, чтобы не закрывалась изначальная страница.

– Ширина, выберите ширину слайдера.

– Высота, выберите высоту слайдера, конечно желательно, чтобы ширина была больше высоты, так красивее.

– Отзывчивость (responsive) – если вы включите данную функцию, то высота и ширина слайдера будет проигнорирована, слайдер станет резиновым. Отключайте данную функцию, если захотите добавить слайдер в файл php, иначе слайдер растянется на всю страницу сайта.

– Показывать Заголовки, если слайдер будет из записей, то конечно включите данную функцию.

– По центру, жмите да, чтобы слайдер отображался по центру страницы.

– Стрелки, включите стрелки, чтобы можно было самостоятельно перелистывать слайды.

– Страницы, если включите данную функцию, то на слайдере будут показываться страницы в виде кружочков.

– Управление колёсиком мыши, включите данную функцию, чтобы можно было с помощью колёсика мыши перелистывать слайды.

– Автовоспроизведение, выберите временной интервал между слайдами, укажите 0 – чтобы отключить автоматическое переключение слайдов.

– Скорость, выберите скорость перелистывания слайдов, в общем поэкспериментируйте если хотите.

–  Класс, дополнительный CSS класс, не знаю, не вникал в данную функцию, знаю что CSS – это стиль.

В конце можно будет посмотреть на результат сделанных настроек, нажав на кнопку – Предпросмотр. Если вас всё устраивает, жмите на кнопку – Добавить шорткод.

Итак с настройками мы разобрались. Теперь я обещал вам рассказать как можно будет добавить Слайдер в файл php. Допустим вы хотите установить Слайдер на самый верх вашего сайта, тогда вам нужно добавить шорткод в папку header.php. Но если вы просто добавите шорткод, то у вас ничего не получится, у вас отобразится просто сам шорткод, а не слайдер.

Используйте специальный HTML-код для добавления шорткода, вот как он выглядит, вам лишь надо вставить в него свой шорткод и всё:

Ну что же я надеюсь вы поняли как установить на свой сайт слайдер. Ничего сложного в установке и настройке слайдера нет, просто поэкспериментируйте немного, и у вас всё получится. У меня всё на этом, удачи вам, до новых встреч.

У вас остались Вопросы? Я жду ваших комментариев!