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.