Galeri widget'ı

Bu Resim Galerisi widget'ı, sayfanıza karmaşık ve güzel resim galerilerini kolayca eklemenizi ve şekillendirmenizi sağlar.

İçerik

Ayarlar

  1. Tip: Galeri türünü seçin, aşağıdakiler arasından seçim yapın Tek kişilik veya Çoklu. Multiple, filtrelenebilir portföy tarzı bir resim galerisine sahip olmanızı sağlar
    1. Çoklu seçilirse, alana bir başlık girin veya Dinamik Etiketler'i kullanın *
  2. Resim Ekleme: Galerinize eklemek için medya kitaplığından birden fazla resim seçin ve bir Başlık galeri için
    1. Dinamik Etiketler seçeneğini ayrıca Yazı resmi eklerinden, Gelişmiş Özel Alan galerisinden veya WooCommerce ürün galerisinden resim yüklemek için de kullanabilirsiniz. Bu, Tema oluşturucuda Tek Gönderi veya Ürün şablonu oluştururken faydalıdır
  3. Siparişe Göre: Varsayılan veya Rastgele sıralamayı seçin
  4. Lazy-Load: Yükleme hızını artırmak için Tembel Yüklemeyi kullanmak üzere Evet olarak ayarlayın.
  5. Düzen: Şunlardan birini seçin IzgaraGerekçeliveya DuvarcılıkIzgara sizin seçtiğiniz bir en boy oranına dayanır. Gerekçeli her satır için yüksekliği ayarlamanızı sağlar ve görüntü başına farklı genişliklere ayarlar. Duvarcılık aynı görüntü genişliğini korur ve değişen yüksekliklere göre ayarlanır.
  6. Sütunlar: Satır başına kaç sütun görüntüleneceğini 1 ila 24 arasında ayarlayın. Eğer mevcut değil Gerekçeli Düzen seçilmiştir.
  7. Sıra Yüksekliği: Her satırın yüksekliğini piksel cinsinden ayarlayın. Yalnızca şu durumlarda kullanılabilir Gerekçeli Düzen seçilmiştir.
  8. Aralık: Bir satırdaki her görüntü arasındaki boşluk miktarını kontrol edin.
  9. Bağlantı: Resimler için bağlantıyı Yok, Medya Dosyası veya Özel URL olarak ayarlayın
  10. En Boy Oranı: En Boy Oranını seçin, 1:1, 3:2, 4:3, 9:16, 16:9 ve 21:9 arasından seçim yapın. Yalnızca Izgara düzeni için kullanılabilir. 
  11. Görüntü Çözünürlüğü: Küçük resimden tam resme kadar görüntünün boyutunu ayarlayın veya özel bir boyut girin.

Eğer Tür: Çoklu seçilirse, aşağıdaki Filtre Çubuğu ek seçenekleri kullanılabilir hale gelir:

Filtre Çubuğu (yalnızca Çoklu tip seçildiğinde kullanılabilir)
  1. "Tümü" Filtresi: "Tümü" filtresini dahil etmek için Evet'i, hariç tutmak için Hayır'ı seçin.
  2. "Tümü" Filtre Etiketi: Evet olarak ayarlanırsa, istediğiniz etiketi girin veya Dinamik Etiketleri kullanın. "Tümü" varsayılandır.
  3. Pointer: Her filtre etiketinin üzerine gelindiğinde kullanılan işaretçiyi seçin. Yok, Alt Çizgi, Üst Çizgi, Çift Çizgi, Çerçeveli, Arka Plan veya Metin arasından seçim yapın.
  4. Animasyon: Pointer'ın animasyon stilini ayarlayın. Soldur, Kaydır, Büyüt, İçeri Bırak, Dışarı Bırak veya Hiçbiri arasından seçim yapın.

Kaplama

  1. Arka plan: Her görüntünün üzerine gelindiğinde bir kaplama görünmesi için Evet'i, kaplama olmaması için Hayır'ı seçin.
  2. Başlık: Kaplamanın Başlığı olarak hangi meta niteliğin görüntüleneceğini seçin. Resmin Başlığı, Resim Yazısı, Alt, Açıklama veya Hiçbiri arasından seçim yapın.
  3. Açıklama: Yer paylaşımının Açıklaması olarak hangi meta niteliğin görüntüleneceğini seçin. Resmin Başlığı, Resim Yazısı, Alt, Açıklama veya Hiçbiri arasından seçim yapın.

Stil

Resim

  1. Kenarlık Rengi: Normal ve Hover durumları için görüntü kenarlığının rengini seçin
  2. Sınır Genişliği: Yalnızca Normal durum için kenarlığın kalınlığını seçin.
  3. Sınır Yarıçapı: Normal ve Hover durumları için görüntü kenarlığının köşe yuvarlaklığını kontrol edin.
  4. CSS Filtreleri: CSS Filtrelerini ayarlayın, Normal ve Hover durumları için Bulanıklık, Parlaklık, Kontrast ve Doygunluk arasından seçim yapın.
  5. Hover Animasyonu: Normal ve Fareyle üzerine gelme durumları için Yok, Yakınlaştır, Uzaklaştır, Sola Taşı, Sağa Taşı, Yukarı Taşı veya Aşağı Taşı seçeneklerinden birini seçerek üzerine gelindiğinde görüntünün animasyonunu seçin.
  6. Animasyon Süresi (ms): Animasyonun ne kadar süreceğini milisaniye cinsinden ayarlayın.

Kaplama

  1. Kaplama: Görüntülerin Normal ve Fareyle Üzerine Gelme durumları için Kaplama türünü (Klasik veya Degrade) seçin.
  2. Renk: Görüntülerin Normal ve Fareyle Üzerine Gelme durumları için Kaplama rengini veya gradyan renklerini ayarlayın.
  3. Karışım Modu: Normal, Çarpma, Ekran, Kaplama vb. dahil olmak üzere birden fazla katman efekti arasından seçim yapın. Karışım Modu demosunu görüntüle
  4. Hover Animasyonu: Üzerine gelindiğinde bindirmenin Giriş veya Çıkış animasyonunu seçin. Sağa Kaydır, Sola Kaydır, Yukarı Kaydır, Aşağı Kaydır, Yakınlaştır, Uzaklaştır ve Soluklaştır arasından seçim yapın. Giriş Animasyonu seçilirse, görüntüler Normal durumda tam opaklıkta gösterilir ve üzerine gelindiğinde kaplama görüntüyü kaplar. Çıkış Animasyonu seçilirse, kaplama Normal durumdaki görüntüyü kaplar ve üzerine gelindiğinde kaldırılır.
  5. Animasyon Süresi (ms): Animasyonun ne kadar süreceğini milisaniye cinsinden ayarlayın.

İçerik

  1. Hizalama: İçeriği sola, sağa veya ortaya hizalama
  2. Dikey Konum: İçeriği üste, ortaya veya alta hizalama
  3. Dolgu: İçeriğin dolgusunu ayarlayın
Başlık
  1. Renk: Başlığın rengini seçin
  2. Tipografi: Başlık için tipografi seçeneklerini ayarlayın
  3. Aralık: Başlık ve Açıklama arasındaki boşluk miktarını ayarlayın
Açıklama
  1. Renk: Açıklamanın rengini seçin
  2. Tipografi: Açıklama için tipografi seçeneklerini ayarlayın
  1. Hover Animasyonu: İçeriğin üzerine gelindiğinde Giriş, Tepki veya Çıkış Animasyonunu seçin. Giriş Animasyonu için Sağa Kaydır, Sola Kaydır, Yukarı Kaydır, Aşağı Kaydır, Yakınlaştır, Uzaklaştır ve Soluklaştır seçeneklerinden birini seçin. Tepki Animasyonu için Büyüme, Küçülme, Sola Kayma, Sağa Kayma, Yukarı Kayma veya Aşağı Kayma arasından seçim yapın. Çıkış Animasyonu için Sağa Kaydır, Sola Kaydır, Yukarı Kaydır, Aşağı Kaydır, Yakınlaştır, Uzaklaştır ve Söndür seçeneklerinden birini seçin.
  2. Animasyon Süresi: Animasyonun ne kadar süreceğini milisaniye cinsinden ayarlayın.
  3. Sıralı Animasyon: Başlık ve Açıklamanın sırayla canlandırılması için Evet olarak ayarlayın. Başlık ve Açıklamanın aynı anda canlandırılması için Hayır olarak ayarlayın.

Filtre Çubuğu 

Bu Filtre Çubuğu ek seçenekleri yalnızca aşağıdaki durumlarda kullanılabilir hale gelir Tip: Çoklu seçildi.

  1. Metin Rengi: Normal, Hover ve Aktif durumları için Filtre çubuğu metninin rengini seçin.
  2. Tipografi: Filtre çubuğu metni için tipografi seçeneklerini ayarlayın.
  3. İşaretçi Rengi: Filtre çubuğu işaretçisinin rengini seçin. Yalnızca Hover veya Active durumlarında kullanılabilir.
  4. İşaretçi Genişliği: İşaretçinin kalınlığını seçin.
  5. Aradaki Boşluk: Filtre metin öğeleri arasındaki boşluk miktarını kontrol edin.
  6. Boşluk: Filtre metni ile galeri resimleri arasındaki boşluk miktarını kontrol edin.

Gelişmiş

Bu widget için geçerli olan Gelişmiş seçenekleri ayarlayın


Galeride altyazılar ve başlıklar

Galeri widget'ı, bir görüntünün başlığını veya yazısını kaplamanın bir parçası olarak görüntülemenize olanak tanır. Ancak, bu altyazılar/başlıklar Galeri widget'ı için uygun olmayabilir, bu nedenle kullanıcılar widget'ta görüntülenen görüntülerin altyazılarını/başlıklarını düzenleme olanağına sahiptir.

Altyazıları/başlıkları düzenleme

Yazıyı ve başlığı düzenlemek için:

  1. görüntü seçim alanına tıklayın. İçerik sekme..
  1. Başlığı değiştirmek için - Başlık alanına tıklayın ve metin alanına yeni bir başlık yazın.
  1. Başlığı değiştirmek için - Resme tıklayın ve metin kutusuna yeni bir başlık girin.
  1. Tıklayın Galeri ekle.

0 Yorum

Bir İçerik Gönder

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir