WordPress Yazılarınızdaki Tüm Resimlere rel="lightbox" Eklemek

03.07.2013 03:20

Psycho <--! Am I Psycho? --> Kat. Mod.

Üyelik 11.12.2010
Yaş/Cinsiyet 37 / E
Meslek Emekçi
Konum Edirne

Ad Soyad H** K**
Mesajlar 6005
Beğeniler 3911 / 3916
Ticaret 6, (%100)

Lightbox resimleri görüntülemekte kullanılan oldukça yaygın güzel bir jQuery eklentisidir. Ancak bu eklentiyi kullanırken hangi resimlerinizin Lightbox ile görüntüleneceğini doğru bir şekilde belirtmeniz gerekir. Bunun için de resimlerin kodlarında rel="lightbox" vb. bir yapıya ihtiyaç duyarız. İşte aşağıda vereceğim kodu temanızın functions.php dosyasına ekleyerek yazılarınızdaki tüm gömülü resimlere otomatik olarak rel="lightbox" ekleyebilirsiniz.

add_filter('the_content', 'my_addlightboxrel');

function my_addlightboxrel($content) {

       global $post;

       $pattern ="//i";

       $replacement = '';

       $content = preg_replace($pattern, $replacement, $content);

       return $content;

}

Kaynak: Yakuter

Hatalıysam telefon etme, idare et (?)

03.07.2013 16:06

#2

mukerrem Kamuda İşçi Kullanıcı

Üyelik 13.07.2011
Yaş/Cinsiyet 44 / E
Meslek Kamuda İşçi
Konum Konya

Ad Soyad M** K**
Mesajlar 94
Beğeniler 0 / 7
Ticaret 0, (%0)



add_filter('the_content', 'my_addlightboxrel');

function my_addlightboxrel($content) {

       global $post;

       $pattern ="//i";

       $replacement = '';

       $content = preg_replace($pattern, $replacement, $content);

       return $content;

}

anılan kod dizisini şu şekilde değiştirsek çalışır mı ?



add_filter('the_content', 'my_addlightboxrel');

function my_addlightboxrel($content) {

       global $post;

       $pattern ="//i";

       $replacement = '';

       $content = preg_replace($pattern, $replacement, $content);

       return $content;

}

Şu anda dairedeyim siteme girip deneyemiyorum. Unutmadan bu konuyu yazıyım dedim.

Her Yer Karanlık

03.07.2013 16:20

#3

Psycho <--! Am I Psycho? --> Kat. Mod.

Üyelik 11.12.2010
Yaş/Cinsiyet 37 / E
Meslek Emekçi
Konum Edirne

Ad Soyad H** K**
Mesajlar 6005
Beğeniler 3911 / 3916
Ticaret 6, (%100)

Yaptığınız değişiklik veya tam olarak yapmak istediğiniz şey nedir? Ona göre yardımcı olmaya çalışayım.

Hatalıysam telefon etme, idare et (?)

03.07.2013 16:34

#4

mukerrem Kamuda İşçi Kullanıcı

Üyelik 13.07.2011
Yaş/Cinsiyet 44 / E
Meslek Kamuda İşçi
Konum Konya

Ad Soyad M** K**
Mesajlar 94
Beğeniler 0 / 7
Ticaret 0, (%0)

Resme tıklamadan değilde mesela resmin üzerine fare ile gelince resim ortada büyüyecek, fareyi çekince tekrar düzelecek şekilde. Aklıma birden geldi. Bazı stil kodları ile bu yapılıyor ama resmin kalitesinde bozulmalar oluyor.



style="border:2px solid #ccc;width:100px;height:100px;float:left;margin:0px 7px 0px 0px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;box-shadow: 0 10px 4px #ccc;-webkit-box-shadow: 0 10px 20px #ccc;-moz-box-shadow: 0 10px 10px #ccc;"

gibi.

Her Yer Karanlık

19.11.2013 23:12

#5

MehmetGUMUS3 . Kullanıcı

Üyelik 26.01.2013
Yaş/Cinsiyet 30 / E
Meslek Öğrenci
Konum Ankara

Ad Soyad M** G**
Mesajlar 757
Beğeniler 283 / 200
Ticaret 12, (%100)

hocam konuyu hortlatmış gibi olacağım ama bu sayede en sonunda yaptım blogumda. o kadar çok sinir olmuştum ki bu duruma bu kodla hallettim sorunumu :)

Teamtofas.com

29.04.2014 20:11

#6

modestus WM Aracı Kullanıcı

Üyelik 16.12.2013
Yaş/Cinsiyet 62 / E
Meslek serbest
Konum İstanbul Avrupa

Ad Soyad M** K**
Mesajlar 2
Beğeniler 0 / 0
Ticaret 0, (%0)

kodu functions.php dosyasına ekledim ama çalışmadı. sayfanın her yerine denedim ama çalışmadı. yada ben beceremedim. lütfen desteğe ihtiyacım var.

29.04.2014 20:25

#7

Ecancan Paylaşmak Güzeldir Kullanıcı

Üyelik 30.03.2014
Yaş/Cinsiyet 28 / E
Meslek Öğrenci
Konum Balıkesir

Ad Soyad A** C**
Mesajlar 932
Beğeniler 359 / 215
Ticaret 30, (%100)

anlamadım nasıl yapılacak lightbox diye bir zip indirdim o gerekli mi değil mi ? birde functions.php ye sizin verdiğiniz kodlarıda ekledim ama olmadı ?

WordPress Yazılarınızdaki Tüm Resimlere rel="lightbox" Eklemek

Üye Girişi Yap