WordPress Animation personnalisée CSS

Publié par Jean-Michel le

Mon fichier CSS personnalisé « animation.css » n’anime pas d’éléments dans mon thème wordpress. Lors de l’inspection avec firebug, j’ai remarqué que le lien vers animation.css est présent avec tous mes styles, mais le type est type= »text/javascript » plutôt que « text/css ». Est-ce correct ou est-ce que je fais quelque chose de mal ? Si tel est le cas, mes scripts function.php wp_register et wp_enqueue sont-ils corrects ?

lien vers animation.css

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

Fonction.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

    ?>

Solution n°1 trouvée

C’est parce que vous l’enregistrez/le mettez en file d’attente en tant que script. Vous pouvez ajouter du CSS dans l’ wp_enqueue_scripts action mais ils doivent être ajoutés avec la wp_enqueue_style fonction (et wp_register_stylesi vous vous enregistrez et mettez en file d’attente séparément)

Par exemple

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');
Catégories : Wordpress

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *