¿ Insertar código jquery y javascript en Wordpress ?

[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.