Charger JS et CSS WordPress

27 avril 2013 nakama

Développement

(Cet article a été écrit il y a très longtemps, dans une galaxie très très lointaine)

Lorsqu’on utilise WordPress, on ajoute notre css ainsi que des scripts JS.

Cette méthode fonctionne dans le fichier header.php :

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/js/scripts.js" />

Cependant, il est possible d’avoir des problèmes, des conflits par exemple si on charge jQuery et que par la suite on active un plugin qui charge lui aussi une version de jQuery.

Pour éviter ce genre de soucis, il faut ajouter des lignes de code dans le fichier functions (que l’on va activer seulement si on ne se trouve pas dans l’admin de WP).

function nakama_init() {

	if (!is_admin()) {

		// on enlève la version de jQuery chargé par WP
		wp_deregister_script('jquery');
		// on ajoute notre version de jQuery 
		wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', false, '1.9.1');
		// on l'ajoute à WP
		wp_enqueue_script('jquery');

		// c est plus ou moins pareil pour la css
		// on ajoute nos css : nom / chemin css / dépendances / version / support
		wp_register_style( 'reset', get_template_directory_uri() . '/style/reset.css', array(), '20130413', 'all' );
		wp_register_style( 'styles', get_template_directory_uri() . '/style/style.css', array(),'20130413', 'all' );

		// on ajoutes les styles à WP
		wp_enqueue_style( 'reset' );
		wp_enqueue_style( 'styles' );

	}
}
add_action('init', 'nakama_init');

 

Mots-clés associés à cet article :

Retrouvez d'autres articles par catégories