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

Сегодня я расскажу и покажу как сделать эффектный слайдер для сайта wordpress. Слайдер о котором я буду рассказывать имеет много эффектов для перемещения слайдов. Создавать слайдер для сайта wordpress мы будем с помощью плагина – Huge IT Slider. Данный плагин легко настраивается, так что ломать голову вам не придётся. Так же слайдер можно будет добавлять на сайт через виджет и через визуальный редактор wordpress.

 

14-10-2015 15-21-02

 

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

 

14-10-2015 15-08-57

 

Чтобы начать создавать слайдер, перейдите по вкладке: Huge IT Slider.

 

 

На странице создания слайдера, нажмите на кнопку – Add New Slider.

 

14-10-2015 15-30-01

 

На следующей странице, чтобы загрузить фотографии в слайдер, нажмите на кнопку – Add Image Slide. Видео и пост слайдер доступны только в про версии.

 

14-10-2015 15-32-20

 

Затем вам нужно будет выбрать фотографию, которую вы хотите добавить в слайдер.

 

14-10-2015 15-36-34

 

Далее у вас появится первый слайд. Для слайда вы можете указать:

Title, здесь можно указать заголовок для слайда.

Description, здесь можно указать описание слайда, изображения.

URL, можете указать url-адрес, куда попадёт пользователь при нажатии на слайд.

Open in new tab, если поставите здесь галочку, ссылка будет открываться в новом окне браузера.

 

14-10-2015 15-41-26

 

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

 

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

– Width, укажите здесь ширину слайдера.

– Height, укажите здесь высоту слайдера.

– Effects, выберите эффект для перемещения слайдов.

– Pause Time, здесь указана задержка между слайдами в мили-секундах.

Change Speed, здесь указана скорость перемещения слайдов.

Slider Position, выберите здесь положение слайдера на странице или в записи. По центру, слева или справа.

Loading Icon, выберите здесь отображать иконку загрузки или нет.

Navigate By, отображение навигации на слайдере.

Pause on Hover, пауза при наведении курсора.

 

14-10-2015 15-49-48

 

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

 

14-10-2015 16-00-13

 

Так же добавлять слайдер на сайт можно прямо из визуального редактора wordpress, в меню у вас появится кнопка – Add Slider.

 

14-10-2015 16-06-20

 

Нажав на кнопку вы сможете выбрать нужный вам слайдер и быстро настроить слайдер.

 

14-10-2015 16-22-59

 

Слайдер можно отображать и в виджете, для этого на странице виджетов у вас будет новый виджет – Huge IT Slider.

 

14-10-2015 16-25-30

 

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

 

14-10-2015 16-27-33

 

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

 

Рекомендую познакомится с ещё одним стильным и креативным слайдером для сайта WordPress – Slider WordPress.