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

Слайдер

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

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

 

15-10-2015 17-17-52

 

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

 

15-10-2015 17-34-10

 

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

 

15-10-2015 17-34-45

 

Чтобы создать слайдер, нажмите на кнопку – 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, нажмите на кнопку, чтобы выбрать изображение.

 

15-10-2015 20-38-41

 

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

 

15-10-2015 20-41-49

 

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

 

15-10-2015 20-43-18

 

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

 

15-10-2015 21-14-19

 

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

 

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

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.