Добавляем на сайт HTML слайдер

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

Сегодня я расскажу вам как сделать на своём сайте (wordpress) HTML слайдер. Что такое html слайдер ? это очень полезная и удобная функция для сайта, в html слайдер можно вставлять всё что угодно — фото, видео, текст, html формы, веб-элементы и т.д., в общем любой html-код. Согласитесь, это весьма полезная вещь для вашего сайта, которая несомненно может вам пригодится.

Итак, а теперь переходим непосредственно к созданию html слайдера. Создавать данный слайдер мы будем с помощью плагина — Simple HTML Slider. Данный плагин вы сможете установить прямо из своей админ панели wordpress, для этого перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.

 

САМСАЙ плагин

 

 

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

 

САМСАЙ вкладка

 

Настройки плагина:

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

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

— Show Navigation, укажите ДА, чтобы на слайдере отображалась навигация.

— Pause on Hover, если укажите ДА, то при наведении курсора мыши на слайдер он будет останавливаться.

— Animation Type, выберите тип анимации, горизонтальный или вертикальный ?

— Pause time, время паузы между слайдами, можно увеличить или уменьшить.

— Transition time, время перехода со слайда на слайд.

В конце чтобы сохранить сделанные изменения жмём на кнопку — SAVE SETTINGS.

 

САМСАЙ настройки

 

Итак, слайдер мы настроили, теперь добавим в него HTML слайды, для этого под настройками будет специальная форма для добавления кода. Чтобы добавить ещё слайды жмите на — Зелёный плюсик, а чтобы удалить слайд жмём на — Красный минус. Чтобы сохранить готовый слайдер жмём на кнопку — SAVE SLIDES.

 

html слайдер

 

Слайдер готов, и чтобы добавить его на страницу или в запись, так же слайдер можно будет добавить через виджет или php код, для этого у вас, в верху страницы будет шорткод и html код, которые нужно будет скопировать и вставить в необходимое место.

 

САМСАЙ коды

 

Шорткод можно вставлять в запись, страницу или виджет, а вот код вы можете вставить к примеру в файлы header.php или footer.php.

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

У вас остались вопросы вам что-то не понятно ? тогда обязательно напишите мне в Обратную связь, либо оставьте комментарий к данной записи. Я всем отвечу !

 


Оцените статью