Está procurando uma maneira de adicionar o atributo lightbox a todas as imagens incorporadas em suas postagens? Embora provavelmente exista um plug-in para isso, criamos um trecho de código rápido que você pode usar para adicionar rel=”lightbox” a todas as imagens incorporadas em uma publicação e também adicionar o título da publicação como o atributo title da tag âncora da imagem no WordPress.
Instruções:
Tudo o que você precisa fazer é adicionar esse código ao arquivo functions.php do seu tema ou em um plug-in específico do site:
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;
}
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar/colar corretamente trechos de código no WordPress para não danificar seu site acidentalmente.
Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: Como transferir o WordPress do servidor local para um site ativo e 7 melhores plug-ins de geração de leads do 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…. […]