Comment ajouter du code Javascript au site WordPress

La colonne suivante du Tutoriel WordPress vous présentera comment ajouter du code Javascript au site Web WordPress. J'espère que cela sera utile aux amis dans le besoin !

Si vous modifiez le thème du modèle que vous avez créé et que vous avez le contrôle sur la mise à niveau et la mise à jour, vous pouvez ajouter du code javascript plus librement et vous pouvez l'introduire selon le logique métier réelle. Mais si vous souhaitez ajouter du code JavaScript qui n'a rien à voir avec le thème, comme les statistiques des visiteurs, le suivi des performances et d'autres types de code indépendant, puisqu'il n'a rien à voir avec le fichier de thème, alors le meilleur moyen est d'ajouter le code dans le plug-in.

WordPress fournit la fonction wp_enqueue_script et le hook wp_enqueue_scripts

pour permettre aux développeurs d'intégrer du code personnalisé.

Ce qui suit est une brève description des étapes à ajouter :

Créez un nouveau répertoire sous le répertoire du plug-in Après avoir entré le répertoire, créez un nouveau fichier de plug-in index.php. et insérez l'exemple de code suivant :

<?php
/*
Plugin Name: custom javascript
Description: Add custom javascript
*/
function add_custom_scripts() {  
   wp_enqueue_script( &#39;jquery-ui&#39;, &#39;https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js&#39;, array(), &#39;1.12.1&#39;, false);
}
add_action( &#39;wp_enqueue_scripts&#39;, &#39;add_custom_scripts&#39; );

Description des cinq paramètres de la fonction wp_enqueue_script

1 string $handle #Le nom unique du fichier javascript actuellement importé

. 2. string $src = '' #javascript document resource url

3. array $deps = array() #Dependency code handle

4. string|bool|null $ver = false # Le numéro de version, s'il n'est pas précisé, est cohérent avec le numéro de version du système WordPress

5 bool $in_footer = false #Qu'il soit en bas du document. S'il est faux, javascript sera chargé à. l'en-tête du document par défaut

Enfin enregistrez le fichier, rendez-vous dans le centre des plug-ins pour activer le plug-in, et activez le plug-in dans le navigateur Si vous visualisez le code source de la page sur le page, vous pouvez voir le fichier javascript importé.

L'utilisation de la fonction wp_enqueue_script présente les avantages suivants :

a Vous pouvez définir l'ordre de chargement avec d'autres codes dépendants

b Vous pouvez spécifier un numéro de version pour faciliter le cache. gestion

c. Vous pouvez préciser l'emplacement du code embarqué dans le document

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!