Не знаешь с чего начать? Тогда раздел "Учебник" для тебя! =)

Обзор плагина Animate it

Просмотров:22



С помощью плагина Animate it можно придать сайту динамики. И для того, чтобы это сделать не обязательно разбираться в HTML и CSS. Для WordPress можно скачать плагин Animate it, который способен привнести на страницы различные анимированные эффекты.

Этот плагин подойдет для тех, кто хочет быстро сделать свой ресурс более красивым. Но главное – с его помощью возможно создавать лендинги, на которых анимация используется в том числе в качестве продающего элемента.

Основные настройки плагина Animate it

С установкой этого расширения ни у кого не должно возникнуть проблем. Скачать плагин можно здесь www.ru.wordpress.org/plugins/animate-it/, затем загрузив полученный архив через панель управления, установить плагин прямо через консоль.

После того, как инсталлирование будет завершено, в категории «Настройки» панели управления появится новый пункт – Animate it!.Если кликнуть по нему, загрузится страница с небольшим списком опций:

  • Scroll Offset – здесь можно указать значение смещение прокрутки, например, при нажатии на пробел;
  • Enable on Smartphones – если установить «Yes" для этой опции, то созданные анимации будут отображаться в том числе на смартфонах;
  • Enable on Tablets – то же самое, что и предыдущий пункт, но для планшетов;
  • Custom CSS – через форму напротив соответствующей надписи можно добавить свой CSS-код.

Перед тем, как включать вторую и третьи опции для их работы на постоянной основе, рекомендуется протестировать анимации на мобильных устройствах. Сильно загруженные CSS-кодом страницы могут плохо отображаться на смартфонах/планшетах.

Создание анимаций

Теперь о самом интересном – как добавить на страницу какие-нибудь анимации. Для этого в первую очередь потребуется в консоли перейти на страницу «Добавить запись». В редакторе после установки плагина должен будет появиться новый значок. Он выглядит как серый квадратик, внутри которого находится волшебная палочка (логотип Animate it).

По клику на соответствующую пиктограмму всплывет окошко для создания анимации. В нем присутствует несколько пунктов:

  • Animation Style – здесь выбирается эффект, число которых на текущий момент составляет около 60;
  • Delay – напротив этого пункта указывается количество секунд, в течение которых анимация воспроизводиться не будет;
  • Duration – в секундах указывается количество времени воспроизведения анимации;
  • Animate On – тут потребуется выбрать действие, при котором будет воспроизводиться анимация (Click – если нажать по элементу, Hover – если навести на него курсор, а Scroll – если пролистывать страницу).

После определения всех параметров и нажатия на кнопку Insert в редакторе появится блок с произвольным текстом. Его можно удалить, а затем добавить в него свой тестовый фрагмент, изображения или другие элементы.

После выполнения всех нужных действий можно будет сохранять созданную запись, переходить на страницу с опубликованным материалом и проверять работу анимации.

Еще одна интересная особенность данного плагина состоит в том, что при помощи него возможно создавать анимации не только в публикациях, но и в виджетах.




Вам понравилось?

>>> Почему надо подписаться на обновления? <<<

Буду благодарен за ретвит и клацанье по кнопочкам. Спасибо :)



 

Есть вопросы? Напишите в комментариях, всем отвечу :)

Как установить такие комментарии вконтакте себе на сайт?



Написать ответ


32 запросов. 0,145 секунд.