Şu anda Görüntülemektesiniz;  WordPress Blog Yazılarında Resimlere Otomatik rel=”lightbox” Kodu Ekleme
Tarih: 
Google Özel Arama Yükleniyor..
YukarıYazıya Yorum Gönder!
facebook share twittershare

Wordpress Blog Yazılarında Resimlere Otomatik rel=

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.

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. 

facebook share twittershare

Üyeliksiz Yorum Bırak

Sorularınıza gelen cevapları görmek için sayfayı CTRL+D tuşları ile Yer İmlerine eklemeyi unutmayın.


Lordiz.com © 2016