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

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

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

wp_enqueue_script présente les avantages suivants :

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!