Как занести данную svg анимацию на сайт?

Question

[Артем Синеговский]

Вот сайт (drugoy-kuzovnoy.ru/), и вместо синего блока я хочу вставить эту анимацию, но я не уверен в своих знаниях, если css код я знаю, что его надо занести в style.css. То с яваскрипт я уже не уверен, точно ли его надо заносить в customizer.js . А вот html код я не могу найти. Конечно вопрос довольно глупый, и я сам бы не стал отвечать на него, но спасибо, что хотя бы дочитали его

Comments

[Kovalsky]

В админке WP зайди в редактор страниц или виджетов, поменяй эту синюю картинку на блок HTML в котором будет лежать твой SVG. Как вариант. Думаю скрипты временно тоже можно туда накидать.

[Артем Синеговский]

Kovalsky, почему-то не поддерживает svg

[Kovalsky]

Артем Синеговский, какие конкретно ошибки показывает редактор?

Факт наличия больших желтых букв на экране говорит о том что SVG отрендерился нормально, разве нет?

[Артем Синеговский]

Kovalsky, по идее жёлтые буквы должны быть в правой часте в отведённом блоке, но они вылезают сильно, и при попытке отредактировать код, они исчезают

[Артем Синеговский]

А ошибки стоят только у шифрования svg

[Kovalsky]

Артем Синеговский, захожу на drugoy-kuzovnoy.ru, вижу SVG. Код SVG поломанный или правильный?

Кстати я выполнил инициализацию animejs, всё анимируется нормально.

[Артем Синеговский]

Kovalsky, Код в codepen полностью работает без ошибок

[Kovalsky]

Артем Синеговский, ну раз без ошибок, то мои конгратуляции - ты успешно добавил SVG в header в качестве виджета. Все остальные проблемы на пути к анимации этих четырех букв строго говоря не имеют отношения к этому вопросу: куда в вордпрессе надо класть скрипты это ты узнаешь из гугла, так что осталось только стилизовать SVG так чтобы она нормально отображалась. Засим откланиваюсь

[Артем Синеговский]

Kovalsky, спасибо большое