Здравствуйте !
Сегодня я расскажу вам как сделать на своём сайте (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.
Слайдер готов, и чтобы добавить его на страницу или в запись, так же слайдер можно будет добавить через виджет или php код, для этого у вас, в верху страницы будет шорткод и html код, которые нужно будет скопировать и вставить в необходимое место.
Шорткод можно вставлять в запись, страницу или виджет, а вот код вы можете вставить к примеру в файлы header.php или footer.php.
На этом всё, надеюсь данная статья оказалась для вас полезной, экспериментируйте и у вас всё получится. До новых встреч !
У вас остались вопросы вам что-то не понятно ? тогда обязательно напишите мне в Обратную связь, либо оставьте комментарий к данной записи. Я всем отвечу !