[WP] Enliven 'em! - Анимируем SVG на WordPress-сайте

Подскажите а к этому плагину нужны еще какие-то программы? Или анимации создаются с помощью плагина?

 

Отдельно ничего не нужно, вместе с плагином идет ПО для анимации прямо на своем компьютере (Animation Editor). Весь процесс довольно прост и выглядит так:

1. Копируем SVG-код (или экспортируем из векторного изображения в SVG, к примеру с помощью Adobe Illustrator) и вставляем его в аниматор, задаем каждому необходимому элементу анимацию - подробности есть в документации.
2. В этом же аниматоре на выходе получаем код с новыми параметрами, сохраняем его в файл.svg.
3. Загружаем файл через админку WP или по FTP, как любой другой медиафайл. Вставляем на страницу, в запись, в виджет, просто добавив к тегу <img> класс enlivenem, к примеру: <img class="enlivenem" src="Скрытая ссылка">
4. Обновляем страницу, наслаждаемся своим творением.

 

Не проходим мимо, плагин полезен для любого сайта на WordPress. Смотрим примеры, как эффективно показывать векторную графику посетителям:

 

Я правильно понял, в комплекте идет JQuery версия, для использования не на wordpress?

 

Нет, эта складчина только на WP версию.

 

Из неочевидных особенностей - размер изображения задается в самом SVG-коде (в теге <svg> , например width="100" height="100").