Blok Galeriyi Carousel Lightbox a Dönüştür - WordPress Eklentisi

Carousel İşlevselliği: Kullanıcılar, görüntüler arasında pürüzsüz, yatay bir karusel formatında gezinerek tarama deneyimini artırabilirler.
Lightbox Efekti: Herhangi bir görüntüye tıkladığınızda, onu güzel bir tam ekran lightbox unda açarak daha etkileyici bir görüntüleme deneyimi sağlar.
Küçük Resim Navigasyonu: Kullanıcıların galeri içindeki herhangi bir görüntüye hızlıca atlamasını sağlayan bir küçük resim şeridi içerir, bu da navigasyonu sezgisel ve kullanıcı dostu hale getirir.
Duyarlı Tasarım: Tamamen duyarlı tasarım, galerinizin tüm cihazlarda, masaüstünden mobil telefonlara kadar harika görünmesini sağlar.
WordPress Blok Editörü kullanarak yazınıza veya sayfanıza bir blok galerisi eklemek, görüntüleri görsel olarak sergilemenin harika bir yoludur. İşte süreci adım adım açıklayan bir rehber:
WordPress'te Bir Blok Galerisi Nasıl Eklenir
Adım 1: WordPress Kontrol Panelinize Erişim Sağlayın
- WordPress Yönetici Kontrol Panelinize giriş yapın.
- Galeriyi eklemek istediğiniz yere bağlı olarak Yazılar veya Sayfalar bölümüne gidin.
Adım 2: Yeni Bir Yazı/Sayfa Oluşturun veya Mevcut Olanı Düzenleyin
- Yeni bir yazı oluşturmak için, Yazılar bölümünde Yeni Ekle seçeneğine tıklayın.
- Mevcut bir yazı veya sayfayı düzenlemek için, düzenlemek istediğiniz yazı/sayfanın başlığına tıklayın.
Adım 3: Bir Galeri Bloğu Ekleyin
+ Butonuna Tıklayın:
- Yazı editörünün sol üst kısmında, Blok Ekle butonuna (artı simgesi) tıklayın.
Galeri Bloğunu Arayın :
- Blok menüsünde, arama çubuğuna Galeri yazın.
- Seçeneklerden Galeri bloğunu seçin.
Adım 4: Görüntüleri Yükleyin veya Seçin
- Görüntüleri Yükleyin:
- Görüntüleri doğrudan bloğa sürükleyip bırakabilir veya bilgisayarınızdan görüntü seçmek için Yükle butonuna tıklayabilirsiniz.
- Medya Kütüphanesinden Görüntü Seçin:
- Zaten yüklenmiş görüntüleri kullanmak istiyorsanız, Medya Kütüphanesi butonuna tıklayın.
- Galeriye eklemek istediğiniz görüntüleri seçin ve Galeriye Ekle butonuna tıklayın.
Adım 5: Galeri Bloğunu Özelleştirin (İsteğe Bağlı)
- Görüntü Sırası: Görüntüleri sürükleyerek yeniden düzenleyin.
- Görüntüye tıklayıp açıklama alanına metin girerek her bir görüntüye açıklama da ekleyebilirsiniz.
- Sütun sayısı veya ızgara olarak görüntüleme gibi ek ayarları yapmak için Blok Ayarları yan çubuğunu kullanın.
Adım 6:
Blok Galeriden Carousel Lightbox a Dönüştürme Ayarlarını Yapın
- Görüntüleri ekledikten sonra, galerinizin ayarlarını yapılandırmak için seçenekler göreceksiniz. Küçük resimlerin boyutunu ayarlama ve Galeri Bloğuna CSS sınıf adını ekleme:
- Yazı veya sayfa düzenleyicinizdeki sol kenar çubuğunda eklediğiniz Galeri bloğuna tıklayın.
- Sağ kenar çubuğunda (Blok Ayarları), Çözünürlük seçeneğini arayın.
- Burada Küçük Resim seçeneğini seçebilirsiniz. Bu, tüm küçük resimlerin düşük çözünürlükte görüntülenmesini sağlayacaktır.
- Blok Ayarları'nda Gelişmiş bölümünü açın. Kenar çubuğunu göremiyorsanız, sağ üst köşedeki dişli simgesine tıklayarak açın.
- Ek CSS Sınıf(ları) alanına
atakanau_bgtcl_auto_container
yazın.
- Yazı veya sayfa düzenleyicinizdeki sol kenar çubuğunda eklediğiniz Galeri bloğuna tıklayın.
- Galeri'deki Görsellere Erişin. Galeride, her bir görselin görüntülendiğini göreceksiniz.
- Her bir görsele tıklayarak ayarlarını görüntüleyin.
- Sürüklenen araç çubuğunda Bağlantı seçeneği butonunu arayın.
- Görsel dosyasına bağlantı seçeneğini seçin.
- Bu işlemi galerinizdeki her bir görsel için tekrarlamanız gerekecek. Görsellere olan bağlantı, lightbox galerisi ile daha büyük görsellerin açılmasını sağlayacaktır.
Adım 7: Önizleme ve Yayınlama
- Galerenizin nasıl göründüğünü görmek için Önizleme butonuna tıklayın.
- Memnun kalırsanız, değişikliklerinizi kaydetmek için Yayınla (yeni yazılar/sayfalar için) veya Güncelle (mevcut olanlar için) butonuna tıklayın.
Adım 8: Galerenizi Gözden Geçirin
- Galerenin beklenildiği gibi göründüğünden emin olmak için yayımlanan yazı/sayfayı ziyaret edin.

İlgi Çekici Bir Galeri İçin İpuçları
- Yüksek Kaliteli Görseller Kullanın: Görsellerinizin net ve görsel olarak çekici olmasını sağlayın.
- Başlık Ekleyin: Her görsel için bağlam sağlayarak izleyicilerinizi çekin.
- Düzenli Tutun: İzleyicileri bunaltmamak için görsel sayısını sınırlayın.
Bu adımları takip ederek, WordPress içeriğinizi geliştiren muhteşem bir galeriye sahip olacaksınız!
Anahtar Kelimeler: Gutenberg galeri lightbox, Basit galeri, Gutenberg galeri lightbox eğitimi, Responsive lightbox Galerisi