Stai cercando un modo per aggiungere l'attributo lightbox a tutte le immagini incorporate nei tuoi post? Sebbene esista probabilmente un plugin per questo, abbiamo creato un rapido snippet di codice che puoi utilizzare per aggiungere rel=”lightbox” a tutte le immagini incorporate in un post e anche aggiungere il titolo del post come attributo title del tag di ancoraggio dell'immagine in WordPress.
Istruzioni:
Tutto quello che devi fare è aggiungere questo codice al file functions.php del tuo tema o in un plugin specifico per il sito:
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: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come copiare / incollare correttamente snippet di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.
Se ti è piaciuto questo snippet di codice, prendi in considerazione la lettura dei nostri altri articoli sul sito come: Come trasferire WordPress da un server locale a un sito live e I 7 migliori plugin per la generazione di lead di WordPress.
Se c'è un link personalizzato o un link alla pagina dell'allegato, questo aggiunge invece gli attributi data all'immagine, il che interrompe il link. Interrompe anche le immagini srcset.
???????! ????????!
Come potrei fare per cambiare l'attributo title in modo che visualizzi invece la didascalia dell'immagine? Ho provato a sostituire .$post->post_title. con .$attachment->post_excerpt. ma non funziona. Hai idea di cosa sto sbagliando?
bene. questo è ciò che mi rende felice oggi.. grazie ))
Ciao a tutti! Sembra fantastico, ma c'è un posto esatto in function.php dove mettere il codice?
Grazie. Perfetto.
Come usarlo per i video? La funzione di autoembed di WordPress è fantastica, ma odio che se voglio mostrare il video in lightbox, devo aggiungere qualche classe ecc. al video. Sarebbe fantastico se ci fosse una soluzione per aggiungere automaticamente anche rel=lightbox ai video 😀
Grazie per questo!
Ha funzionato benissimo! Grazie!
Fantastico, sono contento che ti piaccia lo snippet.
Grazie per questo!
Nessun problema, sono contento che ti piaccia lo snippet, assicurati di seguire wpsnipp o di mettere mi piace per ricevere nuovi snippet! Buon divertimento.
[…] WPsnipp [!] Segnala questo snippet Elaborazione della tua richiesta, attendere prego… […]