Où mettre le code js dans wordpress

Où mettre le code js dans wordpress ?

Dans wordpress, le code js est généralement placé directement dans le fichier header.php ou footer.php pour ajouter le code d'appel du fichier js.

En fait, la meilleure façon de référencer des fichiers js dans des thèmes WordPress est d'utiliser la fonction wp_enqueue_script() intégrée de WordPress. Grâce à cette fonction, du code JavaScript peut être ajouté en toute sécurité aux pages créées par WordPress, ce qui non seulement. assure une compatibilité maximale. C'est également un moyen d'améliorer l'efficacité des performances de WordPress.

Code de fonction :

<?php wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer ); ?>

Description du paramètre :

$handle - le nom du script appelé, utilisé pour distinguer les autres js, donc il ne peut pas être utilisé avec d'autres js Les fichiers portent le même nom.

$src – le chemin (c'est-à-dire l'url) du fichier js. N'utilisez pas directement l'url du nom de domaine, comme le thème parent en utilisant get_template_directory_uri et le thème enfant en utilisant get_stylesheet_directory_uri. (Parmi les fonctions liées au chemin du modèle WP, celle avec modèle fait généralement référence au thème parent, et celle avec feuille de style pointe vers le thème enfant)

$deps – dépendance, l'identification des autres js qui le fichier js chargé dépend du tableau String (array: string), qui est le nom du code qui doit être chargé avant ce code (si le script js dépend de la bibliothèque jquery, alors jquery doit être écrit ici sous la forme de un tableau), ce qui n’est pas obligatoire.

$ver – Le numéro de version du fichier js chargé, qui est ajouté à la fin du chemin sous forme de chaîne de requête. Sa fonction est de garantir que les informations de version correctes sont transmises au client pour éviter d'être transmises. affecté par le cache (comme les modifications du script js) Lors de la modification du numéro de version, vous pouvez forcer le navigateur du client à mettre à jour le cache). La valeur par défaut est false, ce qui appelle le numéro de version du programme wordpress actuel si vous le faites. vous ne souhaitez pas l'afficher, réglez-le sur NULL (non recommandé).

$in_footer – type booléen, définit si le code d'appel du fichier js est placé en bas du code HTML. S'il est défini sur true, il sera placé en bas. il sera placé dans la partie tête. Astuce : Le modèle doit placer correctement la fonction wp_footer().

Utilisation :

Lors du chargement d'un fichier js via la fonction wp_enqueue_script, il doit être affecté à un hook. S'il est appelé uniquement au premier plan, utilisez le hook. wp_enqueue_script ; uniquement en arrière-plan Pour appeler, utilisez admin_enqueue_scripts.

Exemple :

Appelé uniquement au premier plan

<?php function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;wp_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

Appelé uniquement en arrière-plan

<?php function boke8_theme_scripts() {      wp_enqueue_script( &#39;boke8&#39;, get_template_directory_uri() . &#39;/js/boke8.js&#39;, array(), &#39;1.0.0&#39;, true ); } add_action( &#39;admin_enqueue_scripts&#39;, &#39;boke8_theme_scripts&#39; ); ?>

Pièce jointe : emplacement de la fonction wp-includes/functions.wp- scripts.php

Pour plus d'articles techniques WordPress, veuillez visiter la colonne Tutoriel WordPress !

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!