Здравствуйте !
Сегодня я расскажу и покажу как сделать эффектный слайдер для сайта wordpress. Слайдер о котором я буду рассказывать имеет много эффектов для перемещения слайдов. Создавать слайдер для сайта wordpress мы будем с помощью плагина — Huge IT Slider. Данный плагин легко настраивается, так что ломать голову вам не придётся. Так же слайдер можно будет добавлять на сайт через виджет и через визуальный редактор wordpress.
Установить данный плагин вы сможете прямо из своей админ-панели wordpress. Перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.
Чтобы начать создавать слайдер, перейдите по вкладке: Huge IT Slider.
На странице создания слайдера, нажмите на кнопку — Add New Slider.
На следующей странице, чтобы загрузить фотографии в слайдер, нажмите на кнопку — Add Image Slide. Видео и пост слайдер доступны только в про версии.
Затем вам нужно будет выбрать фотографию, которую вы хотите добавить в слайдер.
Далее у вас появится первый слайд. Для слайда вы можете указать:
— Title, здесь можно указать заголовок для слайда.
— Description, здесь можно указать описание слайда, изображения.
— URL, можете указать url-адрес, куда попадёт пользователь при нажатии на слайд.
— Open in new tab, если поставите здесь галочку, ссылка будет открываться в новом окне браузера.
Чтобы добавить ещё слайд, снова нажмите на кнопку Add Image Slide и т.д.
Чтобы настроить слайдер, справа на странице будет отображаться виджет, где вы сможете изменить настройки по умолчанию.
— Width, укажите здесь ширину слайдера.
— Height, укажите здесь высоту слайдера.
— Effects, выберите эффект для перемещения слайдов.
— Pause Time, здесь указана задержка между слайдами в мили-секундах.
— Change Speed, здесь указана скорость перемещения слайдов.
— Slider Position, выберите здесь положение слайдера на странице или в записи. По центру, слева или справа.
— Loading Icon, выберите здесь отображать иконку загрузки или нет.
— Navigate By, отображение навигации на слайдере.
— Pause on Hover, пауза при наведении курсора.
Для добавления слайдера на сайт, можно воспользоваться готовым шорткодом и php кодом, просто скопируйте шорткод или php-код и вставьте в нужное вам место. Шорткод — для вставки на страницу и запись, а Php-код — для вставки в header.php или footer.php, соответственно верх сайта и подвал сайта.
Так же добавлять слайдер на сайт можно прямо из визуального редактора wordpress, в меню у вас появится кнопка — Add Slider.
Нажав на кнопку вы сможете выбрать нужный вам слайдер и быстро настроить слайдер.
Слайдер можно отображать и в виджете, для этого на странице виджетов у вас будет новый виджет — Huge IT Slider.
Чтобы настроить слайдер в виджете, вам лишь нужно выбрать слайдер, который вы хотите отобразить через виджет, указать заголовок виджета и сохранить виджет.
На этом всё, если у вас остались вопросы по данной статье, то пишите в Обратную связь, либо оставляйте свои комментарии к данной записи. До новых встреч !
Рекомендую познакомится с ещё одним стильным и креативным слайдером для сайта WordPress — Slider WordPress.
