Cet article guide les développeurs WordPress sur correctement, y compris les scripts et les feuilles de style tiers dans leurs thèmes ou plugins à l'aide de l'API WordPress. Il met l'accent sur les meilleures pratiques de compatibilité et d'évitement des conflits.
Points clés:
wp_register_script
, wp_enqueue_script
, wp_register_style
et wp_enqueue_style
. wp_register_script
et wp_register_style
enregistrer les actifs, permettant une enquête conditionnelle plus tard en utilisant wp_enqueue_script
et wp_enqueue_style
. Cela permet un chargement dynamique basé sur diverses conditions. wp_localize_script
(pour partager des variables PHP avec JavaScript), wp_enqueue_media
(pour la bibliothèque multimédia), wp_style_add_data
(pour ajouter des métadonnées de feuille de style) et filemtime
(pour le bossage automatique du cache). Fonctions essentielles:
L'article détaille l'utilisation de quatre fonctions clés:
wp_register_script( $handle, $src, $deps, $ver, $in_footer )
: enregistre un fichier javascript. $handle
est un identifiant unique, $src
est l'url de fichier, $deps
répertorie les dépendances, $ver
spécifie la version, et $in_footer
détermine le placement de pied de page. wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer )
: en file un fichier javascript enregistré pour l'inclusion dans la page. wp_register_style( $handle, $src, $deps, $ver, $media )
: enregistre une feuille de style. $media
Spécifie le type de support (par exemple, écran, imprimé). wp_enqueue_style( $handle, $src, $deps, $ver, $media )
: en file une feuille de style enregistrée. CHIMING ENQUEUe:
L'article recommande d'utiliser ces crochets d'action pour l'agitation:
wp_enqueue_scripts
: pour les actifs frontaux. admin_enqueue_scripts
: pour les actifs côté administrateur. login_enqueue_scripts
: Pour les actifs de la page de connexion. Enregistrer vs ENQUEUe:
Bien que l'utilisation directe de wp_enqueue_*
est possible, l'enregistrement des actifs en utilisant d'abord wp_register_*
permet une enquête conditionnelle en fonction de divers facteurs, favorisant la réutilisation et l'efficacité du code. Un exemple démontre une enquête dynamique en fonction de l'ID de page ou des valeurs de variable.
Libraries intégrées de WordPress:
L'article encourage l'utilisation des bibliothèques JavaScript pré-incluses de WordPress pour réduire la taille du plugin / thème et les conflits potentiels. Reportez-vous au Codex WordPress pour une liste actuelle.
Fonctions avancées:
L'article couvre les fonctions avancées:
wp_localize_script
: partage les données PHP avec JavaScript. wp_enqueue_media
: Scripts en filets pour la bibliothèque de médias WordPress. wp_style_add_data
: Ajoute des métadonnées (commentaires conditionnels, support RTL, etc.) à Styleshets. filemtime
: Facilite la rupture automatique du cache en utilisant la dernière heure modifiée du fichier comme numéro de version. Conclusion:
L'article souligne l'importance de suivre les meilleures pratiques de gestion des actifs dans le développement WordPress pour assurer la compatibilité, réduire les conflits et améliorer les performances. Une section FAQ aborde les questions courantes liées à la gestion des actifs.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!