Как включить Animate.css в WordPress
Я следовал некоторым инструкциям, чтобы поставить в очередь Animate.css из этого CDN: https://cdnjs.com/libraries/animate.css/. Я ссылался на второй вариант: https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css в моем файле WordPress functions.php.
Кажется, что ссылка появляется в моем, когда я загружаю страницу на моем сайте, но когда я добавляю класс Animate.css к изображению или div, он не анимирует элемент, как ожидалось.
Вот код, который я добавил в мой файл functions.php:
function enqueue_my_custom_styles() {
wp_enqueue_style( 'animate-css', 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css', false );
}
add_action( 'wp_enqueue_scripts', 'enqueue_my_custom_styles' );
Вот страница, где я добавил класс «пульс» на значок загрузки / изображения, но это не пульсирует.
Решение
В вашем файле function.php сделайте это:
/ ** * Загрузить Animate CSS из MaxCDN — правильный путь * * /
function load_animate_css() {
// Load Boostrap CSS
wp_enqueue_style( 'animate-css', 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css' );
// Load Css
wp_enqueue_style( 'style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'load_animate_css' );
Для анимации на работу добавим мультипликационный класс к пульс класс, а также, если вы хотите, чтобы анимация работала в цикле добавления бесконечный учебный класс.
поэтому тег img будет иметь следующие классы.
<img src="" class="pluse infinite animated"/>
Другие решения
Проблема с тегом ссылки
"`<link rel="stylesheet" id="animate-css" href="https://jewelbound.com/wp-content/themes/course-builderhttps://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" type="text/css" media="all">`"/themes/course-builderhttps://cdnjs.cloudflare.com/