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

Blok Galeriyi Carousel Lightbox a Dönüştür - WooCommerce WordPress Eklentisi
Özellikle WordPress Blok Editörü için tasarlanmış basit ama güçlü bir Blok Galeriyi Carousel Lightbox a Dönüştür eklentisini. Bu yenilikçi eklenti, varsayılan Blok Galerinizi göz alıcı bir küçük resim görüntüsü ile muhteşem bir Carousel Lightbox a zahmetsizce dönüştürüyor. Görsel olarak çekici bir galeri, ziyaretçileri etkileyebilir ve onları sitenizde daha uzun süre tutabilir. Kullanımı kolay; Yeni başlayanlar için tasarlandı, herkesin erişimine açık. Mevcut WordPress Blok Galerinizle kolayca entegre olur, kodlama becerisi gerektirmez.

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

  1. + Butonuna Tıklayın:

    • Yazı editörünün sol üst kısmında, Blok Ekle butonuna (artı simgesi) tıklayın.

    Gutenberg yeni blok ekle
  2. Galeri Bloğunu Arayın :

    • Blok menüsünde, arama çubuğuna Galeri yazın.
    • Seçeneklerden Galeri bloğunu seçin.

    Gutenberg galeri bloğu ekle

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.
      Gutenberg galeri bloğu seçimi
    • 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.
      Gutenberg galeri bloğu ayarları yapılandırma
  • 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.

    Gutenberg galeri bloğu görsel dosyasına bağlantı

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.
Gutenberg Blok Galerisi için Carousel Lightbox Önizlemesi

İ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
Sonraki YazıÖnceki Yazı
Yorum yok
    Yorum ekle
    comment url