Comment ajouter du code Javascript au site WordPress

Cet article vous présente la méthode d'ajout de code Javascript au site Web WordPress. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Si vous modifiez le thème du modèle que vous avez créé et que vous contrôlez la mise à niveau et la mise à jour, vous pouvez ajouter du code javascript librement et vous pouvez l'introduire selon la logique métier réelle. Mais si vous souhaitez ajouter du code javascript qui n'a rien à voir avec le thème, comme des statistiques de visiteurs, un 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 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 faciliter l'intégration de code personnalisé par les développeurs.

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( 'jquery-ui', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js', array(), '1.12.1', false);
}
add_action( 'wp_enqueue_scripts', 'add_custom_scripts' );

wp_enqueue_script Description des cinq paramètres de la fonction

1 string $handle #The. nom unique pour le fichier javascript actuellement introduit

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

3. ) #Dependency code handle

4 .

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

5.

bool $in_footer = false # Est-ce en bas du document ? S'il est faux, javascript

est chargé en tête du document par défaut. Enfin, enregistrez le fichier, accédez au centre des plug-ins pour activer le plug-in et affichez le code source de la page sur la page du navigateur pour voir le fichier javascript introduit.

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. le numéro de version Propice à la gestion du cache

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

Recommandations associées :

Comment comprendre le rôle de réflexion dans le code source du conteneur di du framework yii2

Une autre façon de faire des tests de bases de données Laravel (SQLite)

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!