¿ Insertar código jquery y javascript en Wordpress ?

[davidj]

Hola a todos,

Necesito insertar un plugin de jquery en wordpress para una sección determinada. La url del plugin es http://www.jacklmoore.com/colorbox/

He leído sobre como activar jquery mediante archivo functions.php, etc pero no consigo implementar un plugin jquery correctamente. Utilizo un tema hijo.

Deseo aprender a insertar correctamente código js/jquery en wordpress para poder añadir toda clase de código con libertad (sin plugins para wordpress). Siempre lo suelo realizar todo desde cero y no acabo de estar acostumbrado aún al wordpress.

¿ Me podéis echar una mano ?

Muchas gracias!

[ArturoGallegos]

para insertar todo ese lightbox necesitas mas o menos esto

Código PHP:

define( 'TEMPPATH', get_bloginfo('stylesheet_directory'));
function css_js_theme() {
    wp_register_style('style',TEMPPATH . '/colorbox.css');//hoja de estilos para tu lightbox
    wp_enqueue_style('colorbox' );
    wp_enqueue_script('colorboxJS',TEMPPATH . '/js/jquery.colorbox-min.js',array('jquery')); // js del lightbox
    wp_enqueue_script('custom-script',TEMPPATH . '/js/scripts.js',array('jquery')); //tus scripts personalizados para aplicarlo y otros que puedas requerir
}
add_action('wp_enqueue_scripts', 'css_js_theme');
 

con eso ya solo te faltaría crear el loop para mostrar los elementos con la estructura adecuada.

Si usas WP 3.6 y no anda, descarga la ultima versión de jquery y reemplaza el que esta en la carpeta \wp-includes\js\jquery
por alguna razón en esta versión nunca me funciona el jquery hasta que lo reemplazo aun cuando se supone descargo la misma versión que ya incluye.

Nota: no hace falta agregar jquery por tu cuenta en el archivo functions ni en el theme, este se agrega automáticamente con la instrucción array('jquery') aparte de que con este método previenes se cargue mas de una vez.