Preloader Wordpress

Стильный и эффектный Smart Preloader на сайт WordPress

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как установить на свой сайт стильный и эффектный smart preloader. С помощью прелоадера вы сможете сделать на своём сайте эффектную загрузку страниц. При загрузке страницы или при переходе со страницы на страницу будет отображаться динамическое изображение, которое как бы показывает вам, что страница вот вот загрузится. В видео ниже можете посмотреть пример работы прелоадера.

 

 

 Установить плагин WP Smart Preloader вы сможете прямо из админ-панели WordPress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

WP Smart Preloader

 

 Далее, после установки и активации плагина, перейдите на страницу: НастройкиWP Smart Preloader. Здесь вы сможете настроить основные настройки плагина.

 

— Select Preloader, здесь вам нужно выбрать прелоадер, динамическое изображение, которое отображается при загрузке страниц.

— Show only on Home Page, поставьте здесь галочку, чтобы показывать прелоадер только на главной странице.

— Custom Animation, в данное поле вы можете добавить свои пользовательские анимации HTML5.

— Custom CSS, здесь можно добавить свои CSS стили.

— Duration to show Loader, можете установить продолжительность прелоадера. По умолчанию 1500 — 1,5 секунды.

— Loader to Fade Out, время исчезания прелоадера. По умолчанию 2500 — 2,5 секунды.

Сохраните изменения.

 

настройки preloader

 

 Всё готово ! После сохранения настроек плагина, перейдите на сайт. При загрузке сайта или при переходе со страницы на страницу, у вас будет отображаться эффектный Preloader.

 Остались вопросы ? Напиши комментарий ! Удачи !

 

Стильный и эффектный Smart Preloader на сайт WordPress обновлено: Октябрь 12, 2016 автором: Илья Журавлёв
 
 

Комментарии

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

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


8 + 5 =



super-infa-top
Стрелка вверх