Thickbox, aprovechando las librerias de wordpress

WordPress usa muchas librerías JavaScript, una de ellas es Thickbox, usada cuando subimos imágenes a las entradas. Vamos a ver como la aprovechamos para mostrar, por ejemplo, las imágenes de nuestras entradas.
Añadiremos las siguientes lineas de código al archivo header.php de nuestra plantilla:

<?php
wp_enqueue_style("thickbox");
wp_enqueue_script("jquery");
wp_enqueue_script("thickbox");
?>

Para que las imágenes tengan el efecto Thickbox debemos añadir:

class="thickbox"

Con esta clase en una imagen conseguimos un efecto popup.
Si queremos añadir un iframe, para añadir otra página, dentro de la ventana emergente añadiremos:

href="www.tuenlace.com?KeepThis=true&TB_iframe=true&height=400&width=600" class="thickbox">

Ahora cuando los usuarios de nuestro sitio hagan clic en las imágenes, tendrán un ventana emergente con la imagen en grande.

Deja un comentario