Charger le js et le css dans functions.php

Résolu/Fermé
Garig - Modifié le 22 août 2017 à 22:35
 Garig - 24 août 2017 à 22:54
Bonjour,

J'ai des 2 dossiers css et js dans lequel je mets les fichiers js et les fichiers css de mon thême.

J'ai récupéré une fonction qui permet de charger ces fichiers depuis functions.php Mon css marche mais pas mon js. Je comprends pas pourquoi...
Je précise que mes 2 fichiers js utilisent jquery.

Voici ma fonction dans functions.php

add_action( 'wp_footer', 'load_my_files' );
function load_my_files() { //Créer une fonction pour appeler les fichiers javascript et css
if (!is_admin()) { //Charges les fichiers SAUF sur l'administration du site

wp_enqueue_script('script1', '/wp-content/themes/eal/js/retour.js'); //Load js files
wp_enqueue_script('script2', '/wp-content/themes/eal/js/menu-jquery.js');

wp_enqueue_style('style1', '/wp-content/themes/eal/css/menux.css'); //Load css files
wp_enqueue_style('style2', '/wp-content/themes/eal/css/style.css');
}
}




A voir également:

6 réponses

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 325
24 août 2017 à 08:27
Bonjour
dans ton code, tu ajoutes la fonction avant de la définir, normalement cela devrait etre le contraire


function themeslug_enqueue_style() {
	wp_enqueue_style( 'core', 'style.css', false ); 
}

function themeslug_enqueue_script() {
	wp_enqueue_script( 'my-js', 'filename.js', false );
}

add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' );

1
comment charger jquery?

Je sais que wordpress possède jquery nativement mais je sais pas l'injecter en dépendance dans la fonction wp_enqueue_script
0
Mon css ne marche pas non plus finalement. Ni le js

Il y a un problême avec la fonction mais je vois pas du tout...
0
ok merci de ta réponse mais avec ce code, seul le css est chargé. Le js ne marche toujours pas. Je précise que mes scripts js utilisent jquery.

function themeslug_enqueue_style() {
wp_enqueue_style( 'style', '/wp-content/themes/eas/css/style.css', false );
}

function themeslug_enqueue_script() {
wp_enqueue_script( 'retour', '/wp-content/themes/eas/js/retour.js', false );
wp_enqueue_script( 'menu', '/wp-content/themes/eas/js/menu-jquery.js', false );
}

add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_script' );
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
J'ai trouvé la solution. C'était dans mon script js je mettai $ au lieu de jquery. Alors qu il faut mettre jquery pour que ça marche.

Sinon pas besoin de mettre jquery en dépendance ça marche tout seul
0
j'ai essayé de faire ça mais ça marche toujours pas

add_action( 'wp_footer', 'load_my_files' );
function load_my_files() { //Créer une fonction pour appeler les fichiers javascript et css
if (!is_admin()) { //Charges les fichiers SAUF sur l'administration du site
//wp_enqueue_script('jquery'); En general jquery a déjà été chargé plus haut dans le code
//donc pas la peine de le charger 2 fois.
wp_enqueue_script('script1', '/wp-content/themes/eas/js/retour.js',array( 'jquery' )); //Load js files
wp_enqueue_script('script2', '/wp-content/themes/eas/js/menu-jquery.js',array( 'jquery' ));

wp_enqueue_style('style1', '/wp-content/themes/eas/css/menux.css'); //Load css files
wp_enqueue_style('style2', '/wp-content/themes/eas/css/style.css');
}
}
-1