WordPress’te resimleri lightbox ile açmak

WordPress’te resimleri lightbox ile açılmasını sağlamak sitenize hem güzel bir görüntü katacak, hem de trafik kullanımınızı az da olsa rahatlatacaktır.

Lighbox nedir ?

Javascript kullanılarak, resim ve videoların bulunduğunuz web sayfasında, arkaplanın karartılarak gösterilmesidir. Aşağıdaki resime tıklayarak örneğini görebilirsiniz.


Böylece hem sayfanın yeniden yüklenmesinin önüne geçmiş, hem de güzel bir görüntü vermiş oluyoruz.

WordPress’e Lightbox eklemek

Herhangi bir galeri eklentisi kurmadıysanız veya özel bir çaba sarf etmediyseniz WordPress yazılarınıza eklediğiniz resimleri yeni bir sayfada açıyor. Bu durum kullanıcı için -özellikle yavaş bağlantı veya hosting var ise- çok sıkıcı olabiliyor ve sonuçta ziyaretçi sayfanızdan ayrılıyor.

jQuery Colorbox eklentisini kurarak herhangi bir ek işlem yapmadan tüm sayfalarınızdaki tüm resimlere Lighbox özelliği kazandırabilirsiniz.

jQuery Colorbox

Bu eklentiyi eklemek için WordPress yönetim panelinizden Eklentiler>Yeni Ekle yolunu izliyoruz. Açılan sayfada aşağıdaki gibi sağ üst arama kutusuna jquery colorbox yazıyoruz ve aramanın tamamlanmasını bekliyoruz.

Wodpress'te resimlere lighbox özelliği eklemek

 

Sonuçlar çıktıktan sonra solda işaretli olan jQuery Colorbox eklentisinde Hemen Yükle butonuna basıyoruz. Yükleme bittikten sonra Etkinleştir tuşuna basarak eklentiyi aktif hale getiriyoruz.

Artık eklenti kuruldu ve kullanıma hazır. Bir kaç ufak ayar ile tüm resimlere lightbox özelliği kazandırabilirsiniz artık.

Wodpress'te resimlere lighbox özelliği eklemek
Ayarlar>jQuery Colorbox yolunu izleyerek eklentinin ayarlarına giriyoruz ve “Automate jQuery Colorbox for all images in pages, posts and galleries” seçeneğinin yanındaki kutuyu işaretleyip tüm sayfalardaki tüm resimlerde Lightbox özelliğini etkinleştiriyoruz.

Dilerseniz sayfadaki diğer ayarları da kurcalayıp farklı Lighbox temaları kullanabilir, açılan resimlerin büyüklüğünü belirleyebilir ve geçişleri ayarlayabilirsiniz.

Eğer bu ayarlara rağmen çalışmaz ise, muhtemelen WordPress Jetpack ile resimlerin wp tarafında önyüklenmesi özelliğini kullanıyorsunuz. Bu durumda ayarlar sayfasından “Use jQuery library from Google” özelliğini açmanız sorunu çözecektir. Bu özelliği kapatmanız halinde resimleri kendin kendi sunucunuzdan yüklendiğine emin olun. Eğer resimler başka bir kaynaktan yükleniyor ise bu özellik açık olmalıdır.

Umarım faydalı bir yazı olmuştur. Sorularınız var ise yorumlar kısmından iletebilirsiniz.

 

Okuyucu Puanı:
[0]

Yazar: admin

Bir Cevap Yazın