САМСАЙ миниатюра

Добавляем на сайт 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.

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

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

 

   
 
Auctions WooCommerce аукцион на сайте плагин WordPress
 Привет ! Я продолжаю разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как сделать на своём сайте или интернет-магазине аукцион. Вы сможете указать дату начала и дату конца аукциона ...
Читать далее
/ WooCommerce
Рекомендую смотреть фильм Я много мечтаю
 Привет ! Я продолжаю рекомендовать вам смотреть Лучшие фильмы, которые я сам уже смотрел. Сегодня я рекомендую вам смотреть фильм Я много мечтаю ! Мой отзыв о фильме и краткий обзор Читайте далее !!! Очень ...
Читать далее
Стандартная клавиатура PS2 Windows 10
 Привет ! Мы продолжаем разбирать операционную систему Windows 10 ! Сегодня вы узнаете как настроить параметры устройства стандартной клавиатуры PS2 на компьютере Windows 10. Вы сможете узнать состояние устройства. Вы сможете обновить драйвер устройства. Вы ...
Читать далее
/ Windows 10
Быстрая индексация сайта в Яндексе
 Привет ! Сегодня вы узнаете как ускорить индексацию сайта в Яндексе ! Вы сможете проиндексировать определённые URL адреса вашего сайта в приоритетном порядке. Поисковая система Яндекс индексирует каждый сайт примерно раз в две недели. Но, вы ...
Читать далее
Рекомендую смотреть фильм Пассажиры
 Привет ! Я продолжаю рекомендовать вам смотреть Лучшие фильмы, которые я сам уже смотрел ! Сегодня я рекомендую вам смотреть фильм Пассажиры. Мой отзыв о фильме и краткий обзор Читайте Далее !!! Моё мнение, фильм ...
Читать далее
Сбербанк бизнес оборот рефинансирование кредитов
 Привет ! Сегодня вы узнаете как взять кредит в Сбербанке на рефинансирование задолженности перед другими банками и для поддержки своего бизнеса. Вы сможете взять кредит, чтобы: приобрести сырье и полуфабрикаты для производства; пополнить товарные запасы; ...
Читать далее
Рекомендую смотреть фильм Жестокие мечты
 Привет ! Я продолжаю рекомендовать вам смотреть лучшие фильмы, которые я сам уже посмотрел. Сегодня я рекомендую вам смотреть фильм Жестокие мечты. Мой отзыв о фильме и краткий обзор Читайте далее !!! Молодой паренёк живёт ...
Читать далее
Карусель записи товары видео фото плагин WordPress
 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как добавить на свой сайт Стильный слайдер-карусель записей, товаров, видео и изображений. Вы сможете настроить внешний вид ...
Читать далее
/ WooCommerce
Аудио Intel для дисплеев Windows 10
 Привет ! Мы продолжаем разбирать операционную систему Windows 10 ! Сегодня вы узнаете как настроить параметры устройства аудио Intel для дисплеев на компьютере Windows 10. Вы сможете узнать состояние устройства. Вы сможете обновить драйвера устройства ...
Читать далее
/ Windows 10
Как взять кредит для бизнеса в Сбербанке
 Привет ! Сегодня вы узнаете как взять кредит для бизнеса в Сбербанке. Если у вас уже есть свой бизнес или вы открываете свой бизнес и вам нужны деньги на оборудование, вы хотите модернизировать свой бизнес, ...
Читать далее
Добавляем на сайт HTML слайдер ! обновлено: Сентябрь 3, 2016 автором: Илья Журавлёв

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


5 + 8 =




Яндекс.Метрика

Правила

Стрелка вверх