Проблема с добавлением анимированного эффекта на название сайта

Мне нужно добавить анимированный эффект на виджеты боковой панели и название сайта. Я использую « http://www.web2feel.com/tutorial-for-animated-scroll-loading-effects-with-animate-css-and-jquery/ » и « https://stackoverflow.com/questions/ 24809592 / animate-css-viewport-checker-delay "для руководства, так как я новичок с jquery. Код работает на простой странице html, поэтому я уверен, что правильный путь к файлам css и js. Но в wordpress следующий код только добавляет «скрытый» класс к указанному элементу, но не к классам, указанным внутри функции viewportChecker.

?><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <link rel="stylesheet" type="text/css" href="animate.css"/> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/jquery.viewportchecker.min.js"></script> <script> $(document).ready(function(){ $('.site-title').addClass("hidden").viewportChecker({ classToAdd: 'visible animated fadeInUp', offset: 100 }); }); </script> <?php wp_head(); ?> </head> 

Я не знаю, где я ошибаюсь. Любая помощь будет оценена по достоинству. Спасибо!

Solutions Collecting From Web of "Проблема с добавлением анимированного эффекта на название сайта"