X

Adaugă rel=”lightbox” la toate imaginile încorporate într-o postare

Fragmente de IsItWP

Căutați o modalitate de a adăuga atributul lightbox la toate imaginile încorporate în postările dvs.? Deși probabil există un plugin pentru asta, am creat un fragment de cod rapid pe care îl puteți utiliza pentru a adăuga rel=”lightbox” la toate imaginile încorporate într-o postare și, de asemenea, pentru a adăuga titlul postării ca atribut de titlu al tag-ului de ancorare a imaginii în WordPress.

Instrucțiuni:

Tot ce trebuie să faceți este să adăugați acest cod în fișierul functions.php al temei dvs. sau într-un plugin specific site-ului:

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;
}

Notă: Dacă este prima dată când adăugați secvențe de cod în WordPress, consultați ghidul nostru despre cum să copiați / lipiți corect secvențe de cod în WordPress, pentru a nu vă defecta accidental site-ul.

Dac ați-a plăcut acest fragment de cod, luați în considerare verificarea celorlalte articole de pe site, cum ar fi: Cum să transferați WordPress de pe un server local pe un site live și Cele mai bune 7 plugin-uri de generare de lead-uri pentru WordPress.

Comentarii   Lasă un răspuns

  1. Dacă există un link personalizat sau un link către pagina de atașament, acesta adaugă în schimb atributele de date imaginii, ceea ce rupe link-ul. De asemenea, rupe imaginile srcset.

  2. ???????! ????????!

  3. Cum aș putea schimba atributul de titlu pentru a afișa în schimb legenda imaginii? Am încercat să înlocuiesc .$post->post_title. cu .$attachment->post_excerpt, dar nu funcționează. Aveți idee ce fac greșit?

  4. Ei bine, asta mă face fericită astăzi.. mulțumesc ))

  5. Salut tuturor! Sună grozav, dar există un loc exact în fișierul function.php unde să pun codul?

  6. Mulțumesc. Perfect.

  7. Cum să-l folosesc pentru video? Funcția de auto-embed a Wordpress este grozavă, dar urăsc faptul că dacă vreau să afișez videoclipul într-o fereastră pop-up, trebuie să adaug o clasă etc. la video. Ar fi grozav dacă ar exista o soluție pentru a adăuga automat rel=lightbox și la video 😀

  8. Mulțumesc pentru asta!

  9. A funcționat perfect! Mulțumesc!

    1. Super, mă bucur să aud că îți place fragmentul de cod.

  10. Mulțumesc pentru asta!

    1. Nicio problemă, mă bucur că îți place fragmentul, asigură-te că urmărești wpsnipp sau ne dai like pentru fragmente noi! Bucură-te.

  11. Wordpress : How to add rel=”lightbox” to all images embedded in a post « Wordpress « Cms « Codes php – Share your php snippets October 14, 2011 at 5:41 am

    […] WPsnipp [!] Raportează acest fragment Procesăm cererea ta, Te rog așteaptă…. […]

Adaugă un comentariu

Suntem bucuroși că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de confidențialitate, iar toate linkurile sunt nofollow. NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.

Lista de verificare pentru lansarea WordPress

Lista de verificare finală pentru lansarea WordPress

Am compilat toate elementele esențiale de verificare pentru lansarea următorului dvs. site WordPress într-o singură carte electronică la îndemână.
Da, trimite-mi eBook-ul gratuit!