Как вытащить анимацию из плагина WordPress?

Question

[HARDPLATON]

Для wp есть плагин называется mistape https://mistape.com. При выделении текста и нажатии Ctrl+Enter он отправляет на почту выделенный текст. Так вот там очень крутая анимация отправки письма. Пример можете посмотреть на моем сайте https://tehremzona.ru. Я хочу ее вытащить что бы использовать в других местах, но у меня не получается(( можете помочь с этим вопросом?

Answer 1

[Alex]

Откройте исходники плагина. И найдите там свою анимацию.

Comments

[HARDPLATON]

да я пытался, 3 часа на смарку. Там вроде бы структура простая. Но у меня не получается

[HARDPLATON]

в принципе я же могу просто вызвать эту анимацию когда мне нужно?

[tuxfighter]

HARDPLATON, "Принципе" - это такое волшебное место, где возможно буквально все. В принципе.

[HARDPLATON]

tuxfighter, ???

[tuxfighter]

Платон Козлов, !!!!

[Kovalsky]

HARDPLATON, конечно можете вызвать анимацию, она ведь уже реализована плагином. Только что значит "вызвать"? Этот плагин создаёт и анимирует кучу элементов, как с помощью CSS, так и с помощью JS. Код HTML лежит в \src\class-deco-mistape-front.php, CSS лежит в \assets\css\, а JS - в \assets\js\, в частности dialogfx и mistape-front.

[Alex]

HARDPLATON, Если что-либо в вашей теме как-либо будет зависеть от плагина, даже если это анимация, то обязательно сделайте его "Must Use". Или продублируйте функционал из плагина в своей теме оставив их независимыми.

[HARDPLATON]

Kovalsky, Под вызвать я имею в виду например после отправки формы через ajax, в success. Если это так работает здесь.

[Kovalsky]

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

Думаю если бы у меня была такая задача, то я бы слегка декорировал вызов mistape чтобы было два режима: штатный, с сообщением и кнопкой отправки; и обрезанный, в котором отправка сообщения полностью пропускается, показывается только последняя часть анимации.