Что и Как

Cлайдер для wordpress


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

Сегодня я расскажу и покажу как сделать эффектный слайдер для сайта 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.

 



СМОТРИ ТАКЖЕ