web-dev-qa-db-fra.com

Comment dois-je ajouter du JavaScript à un thème enfant?

Supposons que je souhaite ajouter un extrait de code JavaScript à l'échelle de mon site à mon site Web, mais que j'utilise un thème enfant afin de ne pas altérer le thème d'origine. Devrais-je ajouter un nouveau fichier .js au thème de l'enfant ou le script pourrait-il être inséré dans functions.php? Ou, mieux encore, pourrait-il être ajouté avec un plugin?

javascriptchild-theme
1
McOwen

Vous pouvez faire différentes choses:

  1. Enqueue le nouveau fichier JS via plugin
  2. Enqueue le nouveau fichier JS via functions.php
  3. Ajoutez votre code JS dans functions.php à wp_header ou wp_footer

Pour ajouter de nouveaux fichiers JS à un site wordpress, vous devez mettre en file d'attente ces fichiers avec wp_enqueue_style() et/ou wp_enqueue_script().

C'est le moyen approprié et le plus sûr.

J'irais dans la voie et créerais un petit plugin simple pour cela, car c'est un thème indépendant.

Vous pourriez utiliser également un crochet pour wp_header ou wp_footer. À l'intérieur de ce crochet, vous pouvez écrire votre code JS.

Mais la bonne façon est de mettre en file d'attente ces fichiers qui fonctionneront comme ceci:

function prfx_frontend_enqueue() {
    wp_enqueue_style( 'my-plugin-css', plugins_url('/assets/css/plugin.css', __FILE__) );
    wp_enqueue_script( 'my-plugin-js', plugins_url('/assets/js/jquery.my-script-min.js', __FILE__), array('jquery'));
}
add_action('wp_enqueue_scripts', 'prfx_frontend_enqueue');
2
LWS-Mo

Oui.

Ajoutez le fichier javascript au dossier et appelez wp_enqueue_script() avec le nom de fichier approprié. Vous pouvez le faire dans le thème enfant ou dans un plugin, peu importe (du point de vue technique).

Si vous n’ajoutez pas plus de fonctionnalités, je ne créerais pas de plug-in personnalisé pour cela, je l'inclurais simplement dans le fichier function.php du thème enfant.

0
kero