Что и Как

WordPress плагин слайдер эффектные переходы


Здравствуйте !

Сегодня я расскажу и покажу как с помощью плагина wordpress установить на свой сайт стильный слайдер. Данный слайдер хорош тем, что имеет много разных эффектов для смены слайдов, можно будет поэкспериментировать и выбрать что-то подходящее именно для вас.

 

15-10-2015 17-17-52

 

Настроить слайдер не составит особого труда, настройки слайдера достаточно простые. Устанавливать слайдер на сайт мы будем с помощью плагина — GIGA Slider. Установить данный плагин вы сможете прямо из своей админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.

 

15-10-2015 17-34-10

 

Чтобы перейти на страницу создания слайдера, нажмите на вкладку — GIGA Slider.

 

 

Чтобы создать слайдер, нажмите на кнопку — Add New Slider.

 

15-10-2015 17-38-29

 

Далее, на странице создания слайдера, укажите название слайдера и нажмите на кнопку — Add Slide.

 

15-10-2015 18-00-41

 

Чтобы добавить изображение в слайд, нажмите на кнопку — Add Image.

 

15-10-2015 18-07-29

 

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

 

15-10-2015 18-18-36

 

Чтобы добавить ещё изображение в слайдер, нажмите на кнопку — Add Slide.

 

15-10-2015 19-51-51

 

Разберём основные настройки, которые находятся справа на странице:

 

height, здесь можно указать высоту слайдера.

Time, здесь можно задать время показа слайда.

Transition period, здесь можно задать сколько в секундах будет длится переходный период, от слайда к слайду.

Skin color, здесь можно выбрать цвет стрелочек в навигации.

Auto advance, если стоит галочка, то слайдер будет автоматически воспроизводится.

Easing, здесь можно выбрать эффект для завершения перехода от слайда к слайду. В общем с данной настройкой нужно экспериментировать, чтобы вам понять что это.

Effects, можно выбрать эффект перехода от слайда к слайду.

Indexing style, можно выбрать стиль индексации.

 Thumbnail size, здесь можно выбрать размер миниатюр.

Loader, если выберите Pie, то под слайдером будут указаны миниатюры изображений, которые отображаются в слайдере. Если выберите Bar, то внизу вы сможете выбрать расположение и направление бара загрузки слайдов.

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

Loader background color, можно выбрать цвет фона погрузчика.

Navigation, включение навигации.

Navigation appears on hover only, панель навигации отображается только при наведении указателя.

Display the play/pause button, Отобразить воспроизведение/пауза кнопка.

Pause on state hover, пауза слайдера при наведении курсора.

Pause on click, пауза при нажатии по слайдеру.

Watermark alignment, выравнивание водяного знака. Можно задать по верх слайдера изображение, которое всегда будет на виду.

Add Watemark, нажмите на кнопку, чтобы выбрать изображение.

 

 

Чтобы создать и сохранить слайдер, нажмите на кнопку — Опубликовать.

 

 

Чтобы добавить слайдер на сайт, для этого внизу страницы у вас будет шорткод и php код. Шорткод — для вставки в запись или страницу. Php код — для вставки в header.php (самый верх сайта), footer.php (подвал сайта).

 

15-10-2015 20-43-18

 

Слайдер можно будет добавлять на сайт через виджет — GIGA Slider. В виджете нужно будет только выбрать название слайдера, при необходимости указать название виджета, сохранить виджет.

 

15-10-2015 21-14-19

 

На этом всё, если у вас остались вопросы по данной статье, то пишите в Обратную связь, либо оставляйте свои комментарии к данной записи. До новых встреч !

 

Ещё один стильный слайдер, где можно добавлять текст к слайдам — Slider wordpress.

 



СМОТРИ ТАКЖЕ