>
Главная » WordPress » Как создать анимацию на сайте Wordpress?
    РейтингРейтингРейтингРейтингРейтинг

Как создать анимацию на сайте Wordpress?

Анимация для сайта привлекает внимание пользователей к различным частям страницы. Вы можете использовать ее для товаров или выделить кнопку призыва к действию. Анимация «оживает» при прокрутке странички, что делает представление контента более интересным, ярким, цепляющим и прогрессивным.

CSS анимация намного легче видео и флэш-элементов; она очень быстро загружается и поддерживается большинством современных браузеров.

Вы можете вручную вставить анимацию в тему WordPress.  Рассмотрим, как можно легко добавить CSS анимацию на свойWordPress сайт.

Настройка плагина CSS Animate IT

Мы будем использовать специальный плагин. Он позволяет создать CSS анимацию для сайта HTMLчерез визуальный редактор.

Установите и активируйте плагин на официальном сайте  Animate it

После этого создайте новую запись, и вы увидите в панели визуального редактора новую кнопку с надписью «Animate it!»:

При клике по ней появится всплывающее окно, в котором вы сможете задать свой стиль CSS анимации. Плагин поддерживает множество эффектов, так что вам будет из чего выбрать:

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

Плагин предлагает три варианта: при клике мыши, наведении курсора мыши или прокрутке страницы:

Нажмите на кнопку «Animate it», чтобы осуществить предварительный просмотр анимации.

Затем нажмите на кнопку «Вставить», чтобы добавить анимацию в запись или на страницу. Вы заметили, что плагин добавил шорткод с текстом примера в редакторе сообщений:

Вам нужно удалить содержимое внутри шорткода, и заменить его собственным текстом, изображениями или чем-то другим, что вы хотите анимировать:

Далее «Сохранить» или «Опубликовать», а затем кликните по кнопке «Просмотреть». Вы увидите свой красиво анимированный контент.

Мы надеемся, что эта статья помогла вам узнать, как просто создать анимацию для сайта на WordPress.

css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!