Как создать эффект анимации при загрузки страниц сайта

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

На связи как обычно Илья Журавлёв, автор Блога САМСАЙ. Сегодня я расскажу вам о плагине, который создаст определённый анимационный эффект при загрузки сайта, а так же при переходе со страницы на страницу сайта. То есть если вы хотите удивить посетителей своего сайта, то данный плагин точно сможет это сделать. Сразу скажу, чтобы вы не пугались, что плагин имеет очень простые настройки и чтобы настроить его вам не понадобится много времени. Итак, плагин, который создаст на вашем сайте эффектные загрузки страниц, называется — Page Transition. Установить данный плагин вы сможете прямо из своей админ — панели wordpress.

Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте найденный плагин.

 

11-09-2015 16-15-57

 

Чтобы настроить плагин, перейдите по вкладке: НастройкиPage Transition.

 

11-09-2015 16-18-22

 

А теперь разберём натсройки.

— Page In Animation, здесь вам нужно выбрать эффект для загрузки страницы в браузере.

— Page Out Animation, здесь выберите эффект для перехода со страницы на страницу сайта.

— Page In Animation Duration, здесь можно задать продолжительность эффекта для загрузки.

— Page Out Animation Duration, здесь можно задать продолжительность эффекта для перехода.

— Show Loading, здесь можно отключить показ загрузки.

— Loading Text Color, если включена загрузка, то можно выбрать цвет страницы загрузки.

В конце сохраняем изменения.

 

11-09-2015 16-53-55

 

Всё готово, после сохранения настроек плагина, удалите кэш сайта, чтобы сделанные изменения отобразились на вашем сайте. С эффектами кстати можете по экспериментировать, чтобы выбрать подходящий для вас эффект. А у меня всё на этом, если остались вопросы, то напишите мне ! До новых встреч !

Кстати, если вы хотите сделать не только загрузку страниц на сайте эффектной, но и на сам сайт и его элементы добавить анимацию, то есть сделать сайт живым, то читайте — Плагин Animate It сделает ваш сайт живым !

 


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