wp_enqueue est une fonction WordPress qui permet aux développeurs d'ajouter des scripts (fichiers JavaScript) et des styles (fichiers CSS) à la file d'attente.
Cela signifie que les développeurs peuvent indiquer à WordPress quels scripts et styles ils souhaitent utiliser sur une page particulière, et WordPress les chargera automatiquement.
Cela permet de s'assurer que vos pages se chargent rapidement et efficacement, et cela peut également aider à prévenir les conflits entre différents scripts et styles.
En ajoutant correctement les scripts à la file d'attente, les développeurs peuvent créer des plugins, des thèmes et des sites Web efficaces, maintenables et compatibles.
Quand faut-il ajouter du JavaScript et du CSS à la file d'attente dans WordPress ?
Vous pouvez utiliser du code JavaScript et CSS pour personnaliser votre site Web WordPress, et les développeurs utilisent ces langages lors de la création de plugins et de thèmes WordPress.
- JavaScript s'exécute dans le navigateur de l'utilisateur et est utilisé pour ajouter des éléments interactifs à votre site Web, tels que des curseurs, des alertes, des boutons, des popups, et plus encore.
- CSS (Cascading Style Sheets) est utilisé pour définir l'apparence visuelle de votre site, telle que la taille et la couleur des polices, la couleur de fond et la largeur de la page.
Si vous êtes propriétaire d'un site Web et que vous souhaitez ajouter du JavaScript et du CSS à des articles et des pages spécifiques, vous n'aurez pas besoin d'utiliser wp_enqueue. Au lieu de cela, nous vous recommandons d'utiliser le plugin d'extraits de code WPCode car c'est le moyen le plus sûr d'ajouter du code à un site Web WordPress.
Vous pouvez en apprendre davantage dans nos guides sur comment ajouter facilement du JavaScript et comment ajouter facilement du CSS personnalisé à votre site WordPress.
Cependant, si vous êtes un développeur ou si vous apprenez à créer des plugins et des thèmes WordPress, vous devrez correctement mettre en file d'attente les fichiers JavaScript et les feuilles de style CSS dans vos projets.
Comment fonctionne le système de mise en file d'attente de WordPress ?
Les nouveaux développeurs peuvent faire l'erreur d'appeler directement des scripts et des feuilles de style dans leurs plugins et thèmes. Cela peut entraîner des conflits et nuire aux performances de WordPress.
Pour éviter ces problèmes, WordPress fournit un système de mise en file d'attente. Cela donne aux développeurs un moyen de charger les scripts et les feuilles de style afin que tout fonctionne correctement et sans conflit.
Voici comment fonctionne le système de mise en file d'attente :
- Tout d'abord, vous devez enregistrer le script ou la feuille de style en utilisant la fonction
wp_registerafin que WordPress sache qu'il existe et où le trouver. - Ensuite, vous mettez en file d'attente les scripts et les feuilles de style en utilisant la fonction wp_enqueue, et cela indique à WordPress que vous souhaitez les charger.
- Ensuite, une fois la page chargée, WordPress chargera tous les scripts mis en file d'attente dans le bon ordre pour s'assurer que tout fonctionne correctement.
Vous pouvez en apprendre davantage dans notre guide sur comment ajouter correctement des JavaScript et des styles dans WordPress.
Exemples de code
Vous pouvez utiliser les fonctions wp_enqueue_script et wp_enqueue_style pour indiquer à WordPress quand charger un fichier, où le trouver et quelles sont ses dépendances.
Vous pourriez aimer voir quelques exemples de code utiles qui montrent comment utiliser le système d'enfilement de WordPress.
Voici un exemple de code que vous pouvez coller dans les fichiers de votre plugin ou dans le fichier functions.php de votre thème pour charger correctement les scripts dans WordPress :
?php
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('amazing_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
?>
Et voici un exemple de la façon d'enfiler vos feuilles de style :
<?php
function wpb_adding_styles() {
wp_register_style('my_stylesheet', plugins_url('my-stylesheet.css', __FILE__));
wp_enqueue_style('my_stylesheet');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_styles' );
?>
Pour des explications complètes de ces exemples de code, veuillez consulter notre guide sur comment ajouter correctement des JavaScripts et des styles dans WordPress.
Nous espérons que cet article vous a aidé à en apprendre davantage sur wp_enqueue dans WordPress. Vous voudrez peut-être aussi consulter notre liste de lectures supplémentaires ci-dessous pour des articles connexes sur des astuces, des tours et des idées utiles pour WordPress.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
