web-dev-qa-db-fra.com

Ajout de javascript au thème enfant

Je souhaite appliquer un javascript à mon header et savoir quel est le meilleur moyen de le mettre en œuvre.

voici la source qui contient le code javascript que je suis inclus - https://codepen.io/kaemak/pen/mHyKa/

Devrais-je créer un nouveau fichier javascript, puis l'ajouter au child theme? Dans ce cas, je ne sais pas comment appeler le fichier et cela s'appliquera-t-il à la tête à partir de cet emplacement?

javascriptchild-themeheaders
2
Jordan

Vous devez mettre le script en file d'attente dans functions.php du thème enfant. Par exemple, si le nom du fichier js est custom.js et que vous le placez sous le dossier js dans votre thème enfant, vous devez ajouter dans functions.php

function my_custom_scripts() {
    wp_enqueue_script( 'custom-js', get_stylesheet_directory_uri() . '/js/custom.js', array( 'jquery' ),'',true );
}
add_action( 'wp_enqueue_scripts', 'my_custom_scripts' );

Ici, get_stylesheet_directory_uri() renverra le répertoire de votre thème enfant, puis array( 'jquery' ) chargera votre js après jquery. Si votre script nécessite js, utilisez-le. Vous pouvez également supprimer ou ajouter le script dépendant ici, puis le dernier paramètre true, est de faire votre charge js au pied de page.

1
Akshat