Você está procurando uma maneira de adicionar o atributo lightbox a todas as imagens incorporadas em seus posts? Embora provavelmente exista um plugin para isso, criamos um trecho de código rápido que você pode usar para adicionar rel=”lightbox” a todas as imagens incorporadas em um post e também adicionar o título do post como o atributo title da tag de âncora da imagem no WordPress.
Instruções:
Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou a um plugin 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 trechos de código corretamente no WordPress, para não quebrar acidentalmente seu site.
Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: Como transferir o WordPress de um servidor local para um site ativo e 7 melhores plugins de geração de leads para WordPress.
Se houver um link personalizado ou um link para a página de anexo, isso adiciona os atributos de dados à imagem em vez disso, o que quebra o link. Também quebra imagens srcset.
?????????! ????????!
Como eu faria para mudar o atributo title para exibir a legenda da imagem em vez disso? Eu tentei substituir .$post->post_title. por .$attachment->post_excerpt, mas não funciona. Alguma ideia do que estou fazendo de errado?
bem. é isso que me faz feliz hoje.. obrigado ))
Olá a todos! Parece ótimo, mas há algum lugar exato no function.php onde colocar o código?
Obrigado. Perfeito.
Como usar para vídeo? O recurso de autoembed do WordPress é ótimo, mas eu odeio que, se eu quiser mostrar o vídeo em lightbox, eu tenha que adicionar alguma classe etc. ao vídeo. Seria ótimo se houvesse uma solução alternativa para adicionar automaticamente o rel=lightbox também para vídeos 😀
Obrigado por isso!
Funcionou lindamente! Obrigado!
Legal, fico feliz em saber que você gosta do trecho.
Obrigado por isso!
Sem problemas, fico feliz que você goste do trecho, certifique-se de seguir o wpsnipp ou curtir nossa página para novos trechos! Aproveite.
[…] WPsnipp [!] Denuncie este snippet Processando sua solicitação, Por favor, aguarde…. […]