Здравствуйте !
Сегодня я расскажу и покажу как с помощью плагина wordpress установить на свой сайт стильный слайдер. Данный слайдер хорош тем, что имеет много разных эффектов для смены слайдов, можно будет поэкспериментировать и выбрать что-то подходящее именно для вас.
Настроить слайдер не составит особого труда, настройки слайдера достаточно простые. Устанавливать слайдер на сайт мы будем с помощью плагина — GIGA Slider. Установить данный плагин вы сможете прямо из своей админ-панели wordpress. Перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.
Чтобы перейти на страницу создания слайдера, нажмите на вкладку — GIGA Slider.
Чтобы создать слайдер, нажмите на кнопку — Add New Slider.
Далее, на странице создания слайдера, укажите название слайдера и нажмите на кнопку — Add Slide.
Чтобы добавить изображение в слайд, нажмите на кнопку — Add Image.
На данной странице можно задать время в секундах, перехода от одного слайда к другому, а так же время показа слайда в секундах. Можно выбрать эффект перехода от одного слайда к другому.
Чтобы добавить ещё изображение в слайдер, нажмите на кнопку — Add Slide.
Разберём основные настройки, которые находятся справа на странице:
— 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 (подвал сайта).
Слайдер можно будет добавлять на сайт через виджет — GIGA Slider. В виджете нужно будет только выбрать название слайдера, при необходимости указать название виджета, сохранить виджет.
На этом всё, если у вас остались вопросы по данной статье, то пишите в Обратную связь, либо оставляйте свои комментарии к данной записи. До новых встреч !
Ещё один стильный слайдер, где можно добавлять текст к слайдам — Slider wordpress.
