На багатьох сайтах можна зустріти анимированное оформлення як окремих частин елементів, так і цілі веб-сторінки. Особливо це користується популярністю в односторінкових сайтах, де найчастіше пропонують купити який-небудь товар. А красива анімація, приємний дизайн допомагає привернути увагу користувачів. У цій статті розглянемо один цікавий плагін, який дозволяє дуже легко додати анімацію CSS в статті, на сторінки WordPress.
Ви зможете анімувати практично всі - від цілих блоків до звичайного тексту. У плагіна Animate It! є величезний вибір різних ефектів анімації. У статті «Приклади анімації» я давав посилання на бібліотеку стилів анімації в якості демонстрації. Так ось, цей плагін включає в себе всі ці шикарні ефекти і не вимагає метушні з вихідним кодом.
Деякі особливості плагіна Animate It!
- Можливість вибору застосовувати анімацію: при натисканні, по наведенню
- Більше 50 ефектів анімації
- Додавати анімацію в пости, сторінки
- Є можливість додавати анімацію в віджети, попередньо згенерувавши клас анімації з прикладом.
- Інше.
Налаштування плагіна Animate It!
При кліці на цю кнопку відкриється модальне вікно, де можна вибрати стиль анімації і позначити додаткові параметри.
Коли визначитеся з усіма параметрами і натиснете кнопку «Вставити» до статті додасться анімація з шаблонним прикладом.
Вам залишиться замінити текст на свій, за бажанням додати картинку і результат досягнутий.
Читайте також:
Модулі відгуків для WordPress сайту
Популярні пости в WordPress. 5 кращих плагінів
Плагін Duplicator - переносимо сайт WordPress з одного сервера на інший
Модулі великого (mega) меню для WordPress