NB : Faire une sauvegarde de votre thème, de votre fichier et/ou votre base de données avant d’ajouter ces fonctions tutoriels.
Publié le : 10 mai 2017 - Modifié le : 17 janvier 2022
Temps de lecture : 2 minutes, 3 seconds - 139 mots
Partager la publication "Enqueue Javascript dans le footer WordPress"
Enqueue Javascript dans le footer WordPress : Nous allons dans ce tutoriel ajouter du javascript dans le footer.
Bien sur, il y a différentes manières de faire, par exemple dans un plugin. Surtout quand on doit le placer après notre HTML et puis que nous souhaitons y faire interagir du PHP dedans.
Si on ne souhaite pas faire interagir du PHP dedans, alors on peut fait un enqueue script wp_footer et appeler un fichier JS.
Si on veut y intégrer du PHP, voici donc la fonction a intégrer dans le fichier de votre thème ou Plugin WordPress :
Dans cet exemple, nous créons un enqueue script du code JavaScript directement dans le footer parce que nous souhaitons par exemple faire interagir des options dans notre Javascript.
On va utiliser un add_action( ‘wp_footer’, ‘woocommerce_via_order_delivery_date_get_datapicker’);
/********************************* Enqueue JS in the footer for Datapicker ****************************/ add_action( 'wp_footer', 'woocommerce_via_order_delivery_date_get_datapicker'); function woocommerce_via_order_delivery_date_get_datapicker() { ?> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#wodd_livraison_date').datepicker({ dateFormat : 'dd-mm-yy' }); }); jQuery(function($){ $.datepicker.regional['fr'] = { closeText: 'Fermer', prevText: '<Préc', nextText: 'Suiv>', currentText: 'Aujourd\'hui', monthNames: ['Janvier','Fevrier','Mars','Avril','Mai','Juin', 'Juillet','Aout','Septembre','Octobre','Novembre','Decembre'], monthNamesShort: ['Jan','Fev','Mar','Avr','Mai','Jun', 'Jul','Aou','Sep','Oct','Nov','Dec'], dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'], dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'], dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'], weekHeader: 'Sm', dateFormat: 'dd-mm-yy', firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: '', minDate: 3, maxDate: '+12M +0D', numberOfMonths: 1, showButtonPanel: true }; $.datepicker.setDefaults($.datepicker.regional['fr']); }); </script> <?php }