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 :
Tout ce que vous avez à faire est 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 comment 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, veuillez envisager de consulter nos autres articles sur le site comme : 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…. […]