SummArg | Cursos y recursos para webmasters

25/06/2012

Añadir automáticamente rel=”lightbox” a todas las imágenes de una entrada

Para insertar un plugin de lightbox manualmente en nuestro theme, necesitaremos que cada imagen tenga en su anchor un elemento rel=”lightbox”, y para añadirlo a todas las imagenes de una entrada bastará con colocar el siguiente código en nuestro functions.php.

add_filter('the_content', 'my_addlightboxrel');
function my_addlightboxrel($content) {
global $post; $pattern ="/<a(.*?)href=('|")(.*?).(bmp|gif|jpeg|jpg|png)('|")(.*?)>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="lightbox" title="'.$post->post_title.'"$6>'; $content = preg_replace($pattern, $replacement, $content);
return $content;
}

Visto en wprecipes

Dejar un comentario

  1. Jose Miguel

    Da un error de semantica al copiarlo en el archivo functions.

  2. Nekko, a mi me pasa lo mismo, aparte de eso quiero preguntar si hay q instalar algun pluguin para que funcione o alguna linea de jquery o algo.
    saludos.

  3. Nekko

    Si, necesitás instalar algún plugin de jQuery para lightbox. Esta modificación es para los que gustan de evitar los plugins para WordPress y trabajar directo sobre el código, es para ensuciarse las manos y optimizar al máximo nuestro blog 🙂

  4. Raul Riquelme

    hola , donde se encuentra el anchor de la imagen para añadir elemento rel=”lightbox”? gracias

Dejar un comentario