jquery – Quiero poner en cola un archivo .js a mi tema secundario

Pregunta:

Intenté poner en cola un archivo .js personalizado en el directorio de mi tema secundario.

En functions.php de mi tema hijo encuentro el siguiente código

/* After this. you can override Accessible Zen's pluggable functions or add your own.
 * Remember, do your best to stay accessible! :)
 *
 */
 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' ) );
}

donde solo esta parte fue implementada por mí y se supone que debe cargar mi custom.script.js desde la carpeta js /

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

Desafortunadamente no lo hace, ¿alguien puede ayudar?

* Actualización 2

El código ahora se ve así y funciona, no funcionó cuando acabo de agregar la función al otro add_action. ¡Gracias a todos por su ayuda! Aún así, me pregunto si no hay forma de cortar un poco este código.

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

/*add my custom jquery script*/
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' )
);
        }

¿Para qué es esta línea?

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

¿Es necesario?

Respuesta:

Aquí hay un ejemplo de trabajo:

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

O así, que aparentemente se carga más rápido:

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

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

get_template_directory_uri() solo funcionará en un tema padre.

Leave a Comment

Your email address will not be published.

Scroll to Top

istanbul avukat

-

web tasarım