Как включить 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' );

Вот страница, где я добавил класс «пульс» на значок загрузки / изображения, но это не пульсирует.

0

Решение

В вашем файле 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"/>
1

Другие решения

Проблема с тегом ссылки

"`<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/

0


Курсы программирования от Skillbox. Черная пятница!
Подробнее >>>
×