css - WordPress 自定义动画 CSS

Question

我的自定义 CSS 文件“animation.css”不是我的 wordpress 主题中的动画元素。在使用 firebug 检查时，我注意到 animation.css 的链接与我的所有样式一起存在，但是类型是 type="text/javascript"而不是 "text/css"。这是正确的还是我做错了什么？如果是这样，我的 function.php wp_register 和 wp_enqueue 脚本是否正确？

animation.css 链接

<script src="http://www.mysite.info/wp-content/themes/responsive-childtheme-master/animation.css?ver=3.9" type="text/javascript">

函数.php

function My_adds_to_the_footer(){

    wp_register_script('add-animation-css', get_stylesheet_directory_uri(). '/animation.css');

    wp_enqueue_script('add-animation-css'); 

}

    add_action('wp_enqueue_scripts', 'My_adds_to_the_footer'); 

//Hooks my custom function into WP's wp_enqueue_scripts function

    ?>

Answer 1

那是因为您将其作为脚本注册/排队。您可以在 wp_enqueue_scripts action 中添加 CSS，但应使用 wp_enqueue_style function(和 wp_register_style如果你分别注册和入队)

例如

function My_adds_to_the_footer(){

   wp_register_style('add-animation-css', get_stylesheet_directory_uri(). '/animation.css');

    wp_enqueue_style('add-animation-css'); 

}

    add_action('wp_enqueue_scripts', 'My_adds_to_the_footer');