php 如何在WordPress中启用Animate.css

dgsult0t 于 2023-10-15 发布在 PHP

关注(0)|答案(2)|浏览(108)

我已经按照一些说明从这个CDN入队Animate.css：https://cdnjs.com/libraries/animate.css/。我引用了第二个选项：https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css in my functions.php wordpress file.
当我在我的网站上加载页面时，引用似乎出现在我的页面中，但是当我将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' );

Here's a page where I've added the "pulse" class到下载图标/图像，但它不是脉冲。

php

来源：https://stackoverflow.com/questions/53532424/how-to-enable-animate-css-in-wordpress

2条答案

按热度按时间

cgvd09ve1#

在function.php文件中执行以下操作：

/** * Load Animate CSS from MaxCDN - the right way * */

function load_animate_css() {
  // Load Animate 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' );

要使动画工作，请将animated类添加到pulse类。如果你想让动画循环，还可以添加infinite类。
所以img标签应该有如下的类：

<img src="" class="pulse infinite animated"/>

赞(0）回复(0）举报 2023-10-15

zhte4eai2#

链接标签有问题

"`<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）回复(0）举报 2023-10-15

我来回答

php 如何在WordPress中启用Animate.css

2条答案

相关问题

热门标签

最新问答