¿Estás buscando una forma de agregar el atributo lightbox a todas las imágenes incrustadas en tus publicaciones? Si bien probablemente exista un plugin para esto, hemos creado un fragmento de código rápido que puedes usar para agregar rel="lightbox" a todas las imágenes incrustadas en una publicación y también agregar el título de la publicación como el atributo title de la etiqueta de anclaje de la imagen en WordPress.
Instrucciones:
Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a 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 agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: Cómo transferir WordPress de un servidor local a un sitio en vivo y Los 7 mejores plugins de generación de leads para WordPress.
Si hay un enlace personalizado o un enlace a la página de adjunto, esto agrega los atributos de datos a la imagen en su lugar, lo que rompe el enlace. También rompe las imágenes srcset.
???????! ????????!
¿Cómo podría cambiar el atributo title para que muestre la leyenda de la imagen en su lugar? He intentado reemplazar .$post->post_title. con .$attachment->post_excerpt pero no funciona. ¿Alguna idea de lo que estoy haciendo mal?
bueno. eso es lo que me hace feliz hoy.. gracias ))
¡Hola a todos! Suena genial, pero ¿hay algún lugar exacto en el function.php donde poner el código?
Gracias. Perfecto.
¿Cómo usarlo para video? La función de autoincrustación de WordPress es genial, pero odio que si quiero mostrar el video en lightbox, tengo que agregar alguna clase, etc. al video. Sería genial si hubiera una solución para agregar automáticamente rel=lightbox también a los videos 😀
¡Gracias por esto!
¡Funcionó maravillosamente! ¡Gracias!
Genial, me alegra saber que te gusta el fragmento.
¡Gracias por esto!
De nada, me alegra que te guste el fragmento, ¡asegúrate de seguir wpsnipp o darnos like para nuevos fragmentos! Disfruta.
[…] WPsnipp [!] Reportar este fragmento Procesando tu solicitud, por favor espera…. […]