Voglio accodare un file .js al mio tema child

Question

Voglio accodare un file .js al mio tema child

5 feb 2015, 12:08:29

Visualizzazioni: 89.6K

Voti: 22

Ho provato ad accodare un file .js personalizzato nella directory del mio tema child.

Nel file functions.php del mio tema child ho trovato il seguente codice

/* Dopo questo, puoi sovrascrivere le funzioni pluggable di Accessible Zen o aggiungere le tue.
 * Ricorda, fai del tuo meglio per mantenere l'accessibilità! :)
 *
 */
 add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_script( 'custom-script.js', 'js/custom-script.js', array('jquery') );
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}

dove solo questa parte è stata implementata da me e dovrebbe caricare il mio custom-script.js dalla cartella js/

wp_enqueue_script( 'custom-script.js', 'js/custom-script.js', array('jquery') );

Purtroppo non funziona, qualcuno può aiutarmi?

*Aggiornamento 2

Il codice ora appare così e funziona, non funzionava quando ho semplicemente aggiunto la funzione all'altro add_action. Grazie a tutti per l'aiuto! Tuttavia mi chiedo se non ci sia un modo per ridurre questo codice.

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}

/*aggiungi il mio script jquery personalizzato*/
add_action( 'wp_enqueue_scripts', 'menu_scripts' );
function menu_scripts() {
wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_script(
    'custom-script',
    get_stylesheet_directory_uri() . '/js/custom-script.js',
    array( 'jquery' )
);
        }

A cosa serve questa riga?

wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );

È necessaria?

MrKainig

431

jquery javascript

Commenti

wp_enqueue_script( 'custom-script.js', get_stylesheet_directory_uri() . 'js/custom-script.js', array('jquery') );

Pieter Goosen

5 feb 2015 12:12:31

@Pieter Ho adattato la tua modifica ma ancora non funziona. Questo è ciò che ho nel mio file .js e funziona se lo metto direttamente in page.php per esempio: <script> if (jQuery) {

alert("La libreria jQuery è caricata!");

} else {

alert("La libreria jQuery non è stata trovata!");

} </script>

MrKainig

5 feb 2015 12:19:48

@Pieter Ok ho inserito il codice nella domanda

MrKainig

5 feb 2015 12:29:44

Rimuovi i tag script dal tuo file js

Pieter Goosen

5 feb 2015 12:34:03

Tutte le risposte alla domanda

Commenti

Perché non usi get_stylesheet_directory_uri()?

Pieter Goosen

5 feb 2015 12:33:24

Entrambi funzionano secondo i miei test.

Brad Dalton

5 feb 2015 12:37:18

Ho provato il primo metodo, ma non ha funzionato. Potresti postare il codice completo (includendo i miei enqueue esistenti che funzionano)? Perché non so come implementare correttamente il tuo codice con quello che ho già nel mio functions.php

MrKainig

5 feb 2015 12:37:46

Sì, lo fanno, ma get_stylesheet_directory_uri() è più veloce :-)

Pieter Goosen

5 feb 2015 12:39:15

È solo un esempio funzionante. Devi fare un po' di lavoro da parte tua per imparare come integrarlo con il tuo codice. Ora puoi modificare il tuo codice in modo che carichi gli script nel tuo tema.

Brad Dalton

5 feb 2015 12:42:18

Mostra i restanti 6 commenti

Controlla i tuoi handle! Lo script potrebbe non caricarsi se scegli un handle già utilizzato altrove. Se tutto sembra corretto e non ci sono errori ma lo script non si carica, verifica l'installazione per vedere se qualcos'altro sta usando lo stesso handle.

Nel mio caso, dato che sto estendendo un tema genitore tramite un child theme, ho (stupidamente, a posteriori!) mantenuto la stessa convenzione di denominazione del genitore. Lezione imparata!

Adam Lavery

111

3 giu 2020 13:10:57

Di solito lo faccio in questo modo:

Vai al tema child

crea una cartella js all'interno del tema child
crea un file script.js all'interno della cartella js

e poi incolla questo codice all'interno del file script.js:

add_action( 'wp_enqueue_scripts', 'custom_scripts', 10 );
function custom_scripts() {
    wp_enqueue_script('custom_javascript', get_stylesheet_directory_uri() . '/js/script.js', array('jquery'), '1.0.0', true );
}

jozef koko

21

16 apr 2021 19:07:59

Brad Dalton 6.97K · Accepted Answer · 2015-02-05T12:30:19Z

Ecco un esempio funzionante:

add_action( 'wp_enqueue_scripts', 'menu_scripts' );
function menu_scripts() {
wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_script(
    'custom-script',
    get_stylesheet_directory_uri() . '/js/custom_script.js',
    array( 'jquery' )
);
        }

Oppure così, che apparentemente carica più velocemente:

function my_scripts_method() {
    wp_enqueue_script(
        'custom-script',
        get_stylesheet_directory_uri() . '/js/custom_script.js',
        array( 'jquery' )
    );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

Fonte http://codex.wordpress.org/Function_Reference/wp_enqueue_script

get_template_directory_uri() funzionerà solo in un tema genitore.

Brad Dalton

6.97K

5 feb 2015 12:30:19