Vous cherchez un moyen d'ajouter l'attribut lightbox à toutes les images intégrées dans vos articles ? Bien qu'il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour ajouter rel=”lightbox” à toutes les images intégrées dans un article et également ajouter le titre de l'article comme attribut de titre de la balise d'ancrage de l'image dans WordPress.
Instructions :
Il vous suffit d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au 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;
}
Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière de copier / coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.
Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que : Comment transférer WordPress d'un serveur local vers un site en ligne et 7 meilleurs plugins de génération de prospects WordPress.
S'il s'agit d'un lien personnalisé ou d'un lien vers la page de la pièce jointe, cela ajoute plutôt des attributs de données à l'image, ce qui casse le lien. Cela casse également les images srcset.
???????! ????????!
Comment pourrais-je changer l'attribut title pour afficher la légende de l'image à la place ? J'ai essayé de remplacer .$post->post_title. par .$attachment->post_excerpt mais ça ne marche pas. Une idée de ce que je fais mal ?
eh bien. c'est ce qui me rend heureux aujourd'hui.. merci ))
Salut à tous ! Ça semble super, mais y a-t-il un endroit exact dans le fichier function.php où mettre le code ?
Merci. Parfait.
Comment l'utiliser pour la vidéo ? La fonction d'auto-intégration de Wordpress est géniale, mais je déteste devoir ajouter une classe, etc. à la vidéo si je veux l'afficher dans une lightbox. Ce serait génial s'il y avait une solution pour ajouter automatiquement rel=lightbox à la vidéo aussi 😀
Merci pour ça !
Ça a marché à merveille ! Merci !
Cool, content d'apprendre que vous aimez l'extrait.
Merci pour ça !
Pas de problème, content que vous aimiez le snippet, assurez-vous de suivre wpsnipp ou de nous aimer pour de nouveaux snippets ! Profitez-en.
[…] WPsnipp [!] Signaler ce snippet Traitement de votre demande, veuillez patienter…. […]