¿Estás buscando una manera de añadir el atributo lightbox a todas las imágenes incrustadas en tus posts? Si bien es probable que haya un plugin para esto, hemos creado un fragmento de código rápido que puede utilizar para añadir rel=”lightbox” a todas las imágenes incrustadas en un post y también añadir el título del post como el atributo title de la etiqueta anchor de la imagen en WordPress.
Instrucciones:
Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:
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;
}
Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.
Si le ha gustado este fragmento de código, por favor, considere consultar nuestros otros artículos en el sitio como: Cómo transferir WordPress de un servidor local a un sitio en vivo y 7 mejores plugins de generación de leads para WordPress.
If there’s a custom link or a link to the attachment page this adds the data attributes to the image instead which breaks the link. It also breaks srcset images.
???????! ????????!
How would i go about changing the title attribute to display the images caption intstead? I’ve tried replacing .$post->post_title. with .$attachment->post_excerpt but doesn’t work. Any idea what I’m doing wrong?
well. that’s what makes me happy today.. thanks ))
Hi all! It’s sounds great, but is there any exact place in the function.php where to put the code?
Thanks. Perfect.
How to use it for video? WordPress autoembed feature is great, but I hate it that if I want to show the video in lightbox, I’ve to add some class etc to the video. It’d great it there’s workaround to autoadd the rel=lightbox to video too 😀
Thank you for this!
Worked beautifully! Thanks!
Cool glad to hear you like the snippet.
Thank you for this!
No problem glad you like the snippet, be sure to follow wpsnipp or like us for new snippets! Enjoy.
[…] WPsnipp [!] Report this snippet Processing your request, Please wait…. […]