WordPress’de Resimlere Otomatik rel=”lightbox” Ekleme

Wordpress'de Resimlere Otomatik rel="lightbox" Ekleme

WordPress blogunuzda lightbox kullanmak istiyorsunuz fakat resimlere otomatik rel=”lightbox” kodu eklenmediği için kurduğunuz eklenti çalışmıyor mu? O zaman birazdan paylaşacağım kodu aktif temanızın functions.php dosyasına anlatacağım şekilde eklemelisiniz.

DİKKAT! Yazı, 16 Mart 2013 tarihinde yayınlanmıştır ve erişim sağladığınız tarihte güncelliğini yitirmiş olabilir.

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

Kodu eklerken <?php?> arasına eklemeye dikkat edin aksi halde tema hata verebilir ve kod çalışmayabilir.

Functions.php’de <?php ile başlayan başka kodlar yok ise verdiğim kod bütününü şu şekilde ekleyin.

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

Yukarıda geçen kodu functions.php dosyasına eklediğinizde yazılarınızdaki bağlantı verilmiş resimlere rel=”lightbox” etiketinin (kodunun) otomatik eklendiğini göreceksiniz. Eğer size gereken lightbox değil örneğin lightbox2 ise kod içerisindeki lightbox kelimesini değiştirmeniz yeterli.

Kod sadece <a href”.. bağlantısı eklenmiş resimlerde çalışır.