GenerateBlocks ile basit resim galerisi

 
GenerateBlocks ile basit resim galerisi

GenerateBlocks 1.7 ve GenerateBlocks Pro 1.5 ilk sürüm adaylarına ulaştı ve yakında üretim sahalarında kullanıma hazır olacak.

Dört basit blokla doğan eklentinin bu önemli güncellemesiyle, diğer şeylerin yanı sıra bir sekme bloğu ve bir akordeon bloğunun eklenmesiyle artık sekiz tane var.

Ancak bu güncelleme çok daha fazlası, daha fazla ve daha iyi şeyler inşa etmek için olanaklarını genişletiyor. 220 dosya değişikliği ve 10.000 satırdan fazla güncellenmiş kod ile GenerateBlocks editörü daha akıcı, daha modüler ve sonuç olarak çok daha iyi performans gösteriyor. Daha fazla özellik, daha hızlı ve daha az kodla eklenir.

Yaratıcısı Tom Usborne'un felsefesi budur:

"Yaptığımız her şeyde performansı göz önünde bulunduruyoruz. Eğer bir şeyi basit/hafif bir şekilde yapamıyorsak, onu yapmayız".

Hala bu blok setinin, gelişmeye devam ettiği takdirde, yakında rakipsiz olacağını düşünüyorum. En azından performans ve esneklik açısından.

Yeni GB bloklarının yanıt verebilirliği konusunda şüpheleriniz varsa, The Admin Bar aynı Kadence bloklarıyla bir performans karşılaştırması yaptı ve GB blokları hala daha hafif. Karşılaştırmanın sonunda, basit bir Elementor başlığı kullanılarak eklenen ağırlık ve abartılı istek sayısı hakkında komik küçük bir ayrıntı var.

İşin başına

Yeni sekme bloğu ile Mike Oliver'ın gösterdiği gibi çok güzel ve hafif basit bir resim galerisi oluşturabilirsiniz ve RC sürümünü test ettiğim için bir test galerisi oluşturma fırsatını yakaladım ve sürecin notlarını buraya bıraktım.

1 - Düzenleyiciyi açın ve bir Sekmeler bloğu ekleyin.

2 - İstediğiniz sekme şablonunu seçin.

Galeria simple con GenerateBlocks tutorial paso 1

3 - + işaretine tıklayarak ihtiyacınız olan sekme sayısını ekleyin

Galeria simple con GenerateBlocks tutorial pasos 2 y 3

4 - Küçük resimleri nerede göstermek istediğinize bağlı olarak sekmeleri aşağı veya yukarı kaydırın, bunu yapmak için "Sekme Öğeleri "ni seçin ve kaydırma okuna tıklayın.

Galeria simple con GenerateBlocks tutorial paso 4

5 - Sekmeler sekmesi seçiliyken, sağ taraftaki blok yapılandırmasına gidiyoruz ve SEKME DÜĞME TÜRÜ'nde, düğmelerin içine resim ekleyemediğimiz için "Düğme" yi "Konteyner" olarak değiştiriyoruz. Bunu yaptıktan sonra düğmelerin simgelerini kap simgesine nasıl değiştirdiklerini göreceğiz.

Galeria simple con GenerateBlocks tutorial paso 5

6 - Sekmelerdeki stilleri ve metinleri kaldırın.

Galeria simple con GenerateBlocks tutorial paso 6

7 - Son olarak görüntüleri hem sekme kaplarına hem de ilgili içerik kutularına ekliyoruz.

Galeria simple con GenerateBlocks tutorial paso 7

Masaüstü, tablet ve mobil için ince ayarlar yapmanıza rağmen, hiçbir şeye dokunmadan bu galeri mobil versiyonunda mükemmel görünüyor.

Buradan başka öğeler ekleyerek, stiller uygulayarak veya istediğiniz her şeyi yaparak galeriyi zevkinize göre oluşturabiliriz.

Ayrıca konteynerin görüntüsünü arka plan olarak ayarlayabilir, böylece üstüne başka bloklar ekleyebilir ve başlıkları, metinleri veya diğer düğmeleri görüntüleyebilirsiniz.

Yeniden kullanılabilir bir blok oluşturmak pek mantıklı olmasa da, resimsiz bir galerinin temel yapısının kodunu her zaman kopyalayarak başka bir yazıya veya sayfaya yapıştırabilir ve yeni resimler ekleyebiliriz.

YouTube video

Bu yazıdaki bazı bağlantılar bağlı kuruluş bağlantılarıdır


Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad

İlgili makaleler

E-posta ile abonelik

Makalelerin tamamını yayınlanır yayınlanmaz reklamsız olarak gelen kutunuzda ücretsiz olarak alın. Akışın tam içeriği harici bir hizmet aracılığıyla reklamsız olarak gönderilir.