Слайдер для сайта

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

Всем привет !

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

 

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

 

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

 

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

27-05-2015 21-03-21

 

 

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

12-06-2015 15-44-40

 

 

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

 

12-06-2015 15-50-25

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

pc-185837_640

 

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

 

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

 

09-11-2015 19-47-23

 

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

 

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

 

Стильный и простой слайдер для сайта на wordpress ! обновлено: Ноябрь 9, 2015 автором: Илья Журавлёв
 
 

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


6 + 6 =



super-infa-top
Стрелка вверх