WordPress'te Lightbox Nedir ve Nasıl Uygulanır?

Wordpress Te Lightbox Nedir Ve Nasil Uygulanir



Hafif kutu ”, bir WordPress web sitesinde medyanın siteye esnek bir şekilde dağıtılmasına büyük ölçüde yardımcı olan bir atlıkarınca görevi görür. Bu özellik, geliştiricinin medyayı bir sayfa/yazı vb. ile eklemesine olanak tanır; böylece bir kullanıcı görseli tıkladığında, diğer site öğelerinin herhangi bir müdahalesi olmaksızın görsel tam boyutta yüksek kalitede görüntülenir. Bu şekilde ziyaretçinin dikkatini çeker ve siteyi çekici hale getirir.

Bu blog, WordPress Lightbox'ın önemini ve onu uygulama prosedürünü tartışacaktır.

WordPress'te Lightbox nedir?

Işık kutusu, daha küçük bir resmi tam boyutta görüntülemek için yazılarda/sayfalarda görüntülenen bir açılır pencereye karşılık gelir. Birden fazla medya öğesini içe aktarmak/yüklemek ve bunları siteye dağıtmak için bir galeri görevi görecek şekildedir. Ayrıca dağıtım sonrasında medyaya tıklandığında ekranı kaplar ve ekranda net bir şekilde görünür. Lightbox'ın en yaygın uygulaması görüntülemedir blogda yüksek kaliteli görseller boyutlarını koruyarak.







WordPress'te Lightbox Nasıl Uygulanır?

LightBox çeşitli eklentilerin yardımıyla uygulanabilir/uygulanabilir. Bu durumda “ Duyarlı Işık Kutusu ve Galeri ” eklentisi kullanılacaktır.



Lightbox'ı WordPress'te uygulamak için aşağıdaki adımları kullanın.



1. Adım: Eklentiyi yükleyin

Her şeyden önce, “ Duyarlı Işık Kutusu ve Galeri ' eklentisi ' Eklentiler->Yeni Ekle ”:





Kurulum ve aktivasyon tamamlandıktan sonra “ Tura başla Eklentiyi kullanmaya başlamak için ” butonu:



2. Adım: Resim Ekle

Şimdi ''den yeni bir galeri ekleyin' Galeri->Yeni Ekle ”:

Bundan sonra galeriye özel bir ad atayın ve “ Medya kütüphanesi ” seçeneği ve tetikleyici” Resimleri seçin Yeni görselleri yüklemek veya “Medya Kitaplığı”ndan mevcut görselleri eklemek için:

Burada kullanılacak görselleri işaretleyin ve vurgulanan düğmeye basın:

3. Adım: Yüklenen Görselleri Düzenleyin

Bunun yerine görselleri düzenlemek veya silmek için, aşağıdaki gibi yeni seçenekleri görüntülemek üzere hedef görsellerin üzerine gelin:

Burada “” butonuna tıklandığında görselleştirilebilmektedir. Resmi Düzenle ” seçeneğinde buna göre doldurulabilecek Alternatif Metin, Başlık, Başlık ve Açıklama gibi çeşitli düzenleme seçenekleri ortaya çıkar. Düzenlemeden sonra “” tuşuna bastığınızdan emin olun. Değişiklikleri Kaydet ' düğme:

Işık Kutusunu Özelleştirme

Işık Kutusunu özelleştirmek için, her biri özel işlevlere sahip olan birkaç ayrılmış sekme vardır. Bu sekmeler ayrı ayrı açıklanacaktır.

Yapılandırma(Yapılandırma) Sekmesi: Bu sekme galerinin stilini seçmenizi sağlar. Galerinin yapılandırılması için radyo düğmeleri olarak belirtilen dört seçeneği içerir:

Tasarım Sekmesi: Sırasıyla küçük resmi, başlığı, arka planı ve kenarlığı değiştirmek için birden fazla seçenek içerir:

Çağrı Sekmesi: Bu sekme, geliştiricinin sayfalandırmayı etkinleştirmesine, türünü, konumunu vb. belirtmesine olanak tanır:

Işık Kutusu Sekmesi: Burada görselin boyutu, başlığı ve başlığının ayarlanmasıyla birlikte ayarlanabilir:

Çeşitli Sekme: “eklenmesine olanak sağlar. Galeri Açıklaması ' Ve ' Özel Sınıflar ' vesaire.:

Işık Kutusunu WordPress Sayfalarına/Yayınlarına Ekleme

Galeriyi tasarladıktan sonra yazılar veya sayfalar ışık kutusu olarak da eklenebilir. Bunu yapmak için kısa kodu, aşağıda verilen adımları izleyerek hedef gönderinin/sayfanın düzenleme ekranına yapıştırın:

1. Adım: Tüm Galerilere Gidin

Çevirmek ' Galeri > Tüm Galeriler ” ve kısa kodu “ Kısa kod ' kolon:

Adım 2: Kodu Yapıştırın

Burada, ışık kutusuyla değiştirilecek sayfayı (bu durumda) veya gönderiyi açın ve kısa kodu aşağıda belirtildiği gibi doğrudan metin düzenleyici bloğuna yapıştırın:

Son Web Sitesi Görünümü

Lightbox görsellerinin ana sayfaya uygulanmasından sonra web sitesinin son görünümü aşağıdadır:

Bu resimler tıklandığında, başka hiçbir işlevsellik gerektirmeden tam boyutlu bir atlıkarınca görevi görür:

Çözüm

A ' Hafif kutu ”, birden fazla medya öğesini içe aktarmak ve bunları siteye dağıtmak için galeri görevi gören bir açılır pencereye karşılık gelir. Çeşitli eklentiler yardımıyla uygulanabilir. Ayrıca hedef görsele uygulanabilecek ve sonuçta sitenin işlevleriyle entegre edilebilecek birden fazla özelleştirme seçeneği içerir. Bu yazıda ' Hafif kutu ”ve bunu uygulayacak metodolojiler.