22Ago 2012 0 Comments */?>

Cargar scripts en el admin de WordPress

Categorías: Tips de wordpress, Wordpress - Tags: , , , , ,

Para cargar scripts en el admin de WordPress tenemos que tener en cuenta algunas cosas. Si te interesa el rendimiento de tu sitio (siempre debería interesarte), debes asegurarte de no cargar scripts en cualquier lado donde no usemos.

Esto se aplica tanto para javascript como css , tanto para el front end (tu página web) como para el back end (wp-admin).

Para ello vamos a hacer uso de las acciones y filtros de wordpress.

Supongamos que queremos cargar el javascript de google maps para usar con los metaboxes de nuestro custom post type llamado portfolio:

add_action( 'admin_print_scripts-post-new.php', 'portfolio_admin_script', 11 );
add_action( 'admin_print_scripts-post.php', 'portfolio_admin_script', 11 );

function portfolio_admin_script() {
    global $post_type;
    if( 'portfolio' == $post_type )
    {
    	wp_enqueue_script( 'google-api','http://maps.googleapis.com/maps/api/js?key=xxxxxxxxx&sensor=true', array( 'jquery' ) );
    	wp_enqueue_script( 'google-maps',get_bloginfo('stylesheet_directory') . '/js/google-map.js', array( 'google-api' ) );
    }	
}

Si por ejemplo queremos cargar un css que modifique todos los editores del back end podemos cargarlo directamente así:

function load_custom_wp_admin_style(){
        wp_register_style( 'custom_admin_css', get_bloginfo('stylesheet_directory') . '/css/admin-style.css', false, '1.0.0' );
        wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action('admin_enqueue_scripts', 'load_custom_wp_admin_style');

Y si tan solo queremos incluirlo en cierta página podemos hacer esto:

//el siguiente código supone que se ejecuta desde un plugin, no desde functions.php
function cargar_script($hook) {
    if( 'edit.php' != $hook )
        return;
    wp_enqueue_script( 'my_custom_script', plugins_url('/myscript.js', __FILE__) );
}
add_action( 'admin_enqueue_scripts', 'cargar_script' );

Espero que les haya gustado. Saludos!!!

Damián Logghe

Programador freelancer y emprendedor en sueños. Contento de ser mi jefe y poder hacer lo que me gusta. WordPress es mi principal fuente de ingreso y me escribo tanto para ayudar como para tener una guia de memoria. Quieres contratarme? Déjame un mensaje.

More Posts - Website

Follow Me:
TwitterFacebookLinkedInGoogle Plus