Vreau să încarc un fișier .js în tema mea copil

Question

Vreau să încarc un fișier .js în tema mea copil

5 feb. 2015, 12:08:29

Vizualizări: 89.6K

Voturi: 22

Am încercat să încarc un fișier .js personalizat în directorul temei mele copil.

În fișierul functions.php al temei mele copil am găsit următorul cod

/* După aceasta, puteți suprascrie funcțiile plugabile ale Accessible Zen sau adăuga propriile funcții.
 * Nu uitați, faceți tot posibilul să rămâneți accesibili! :)
 *
 */
 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' ) );
}

unde doar această parte a fost implementată de mine și ar trebui să încarce fișierul custom.script.js din folderul js/

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

Din păcate nu funcționează, poate cineva să ajute?

*Actualizare 2

Codul arată acum așa și funcționează, nu a funcționat când am adăugat doar funcția la celălalt add_action. Mulțumesc tuturor pentru ajutor! Totuși mă întreb dacă nu există o modalitate de a reduce acest cod puțin.

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' ) );
}

/*adaug scriptul meu jquery personalizat*/
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' )
);
        }

La ce folosește această linie?

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

Este necesară?

MrKainig

431

jquery javascript

Comentarii

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 Am adaptat modificarea ta dar încă nu funcționează. Iată ce am în fișierul meu .js și funcționează dacă îl pun direct în page.php de exemplu: <script> if (jQuery) {

alert("Biblioteca jQuery este încărcată!");

} else {

alert("Biblioteca jQuery nu a fost găsită!");

} </script>

MrKainig

5 feb. 2015 12:19:48

@Pieter OK, am pus codul în întrebare

MrKainig

5 feb. 2015 12:29:44

Elimină tag-urile script din fișierul tău js

Pieter Goosen

5 feb. 2015 12:34:03

Toate răspunsurile la întrebare

Comentarii

De ce nu folosești get_stylesheet_directory_uri()?

Pieter Goosen

5 feb. 2015 12:33:24

Ambele funcționează conform testelor mele.

Brad Dalton

5 feb. 2015 12:37:18

Am încercat prima variantă și nu a funcționat. Poți să postezi întregul cod (inclusiv cu enqueue-urile mele existente care funcționează)? Pentru că nu știu cum să implementez corect codul tău împreună cu cel existent în functions.php

MrKainig

5 feb. 2015 12:37:46

Da, o fac, dar get_stylesheet_directory_uri() este mai rapid :-)

Pieter Goosen

5 feb. 2015 12:39:15

Este doar un exemplu funcțional. Este nevoie de ceva muncă din partea ta pentru a învăța cum funcționează cu codul tău. Acum poți reface codul tău pentru a încărca scripturile în tema ta.

Brad Dalton

5 feb. 2015 12:42:18

Arată celelalte 6 comentarii

Verifică-vă identificatorii (handles)! Scriptul poate eșua la încărcare dacă alegeți un identificator care a fost deja folosit în altă parte. Dacă totul pare corect, fără erori, dar scriptul nu se încarcă, verificați instalarea pentru a vedea dacă altceva folosește același identificator.

În cazul meu, deoarece extind o temă părinte prin intermediul unei teme copil, am (prostesc, privind în urmă!) păstrat aceeași convenție de denumire ca cea a părintelui. Lecție învățată!

Adam Lavery

111

3 iun. 2020 13:10:57

De obicei, procedez astfel:

Accesează tema copil

creează un folder js în tema copil
creează un fișier script.js în folderul js

apoi inserează acest cod în fișierul 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

Iată un exemplu funcțional:

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' )
);
        }

Sau în acest mod, care aparent se încarcă mai rapid:

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' );

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

get_template_directory_uri() funcționează doar într-o temă părinte.

Brad Dalton

6.97K

5 feb. 2015 12:30:19