WordPress Gutenberg Blok Eklentileri: İstiflenebilir, Atom Blokları ve Otter Bloklarını Karşılaştırma

Bu yazıda, Gutenberg WordPress Düzenleyicisine ek bloklar ekleyen üç farklı WordPress Gutenberg blok eklentisine bakacağız. İstiflenebilir, Atomik Bloklar ve Otter Bloklarına bakacağız.

Bu eklentilerin her birinin ekledikleri bir dizi farklı blok vardır, bu yüzden bugün sadece ortak olarak paylaştıkları bloklara odaklanacağız ve bunları karşılaştıracağız. Her birinin bir akordeon, gönderi, bildirim, referans ve profil blokları vardır.

Akordeon Blokları

İlk olarak, farklı akordeon bloklarına bir göz atacağız. Bu eklentilerin her birinin Gutenberg blok menüsünde kendi menüsü vardır. İstiflenebilir akordeon eklemek için İstiflenebilir menüsünü açın ve akordeon seçeneğine tıklayın.

Bu, o akordeon bölümünün başlığını ekleyebileceğiniz ve ardından ayrıntıları aşağıdaki kutuya ekleyebileceğiniz bir akordeon alanı ekler. Daha fazla akordeon öğesi eklemek istiyorsanız, aynı bloktan bir tane daha ekleyeceksiniz.

İstiflenebilir akordeon bloğu ayarlarınız, başlık metni ve arka plan renklerini ve akordeonun başlangıçta açık olup olmayacağını içerir.

Atomik Akordeon bloğu için Atom menüsüne gidecek ve akordeon bloğunu seçeceksiniz. Vurgulanan alanda, Aşağıdaki kutuya bilgilerle bölüm başlığını koyabilirsiniz. İstiflenebilir gibi, başka bir akordeon öğesi eklemek için başka bir akordeon bloğu eklemeniz gerekir. Atomik Akordeonunuzun ayarları, yazı tipi boyutunu ve akordeonun varsayılan olarak açık olup olmayacağını içerir.

Diğer ikisi gibi, bir Otter Akordeon bloğu eklemek için Otter blokları menüsüne gidip akordeon bloğunu seçeceksiniz. Diğer iki eklentiden farklı olarak, Otter Blocks akordeon başlığınızı ve içeriğinizi girebileceğiniz önceden hazırlanmış üç bölümle başlar. Ve başka bir akordeon bölümü eklemek için bloğun altındaki artı işaretine tıklamanız yeterli. Ayarlarınız için yazı tipi boyutunu ve büyük harf kullanıp kullanmayacağınızı belirleyebilirsiniz. Ayrıca hem arka plan hem de metin için renk ayarlarınız vardır.

Posta Izgara Blokları

İstiflenebilir Gönderiler bloğu, gönderilerinizi içeriğinizdeki bir ızgarada otomatik olarak görüntüler. Tasarımınızı basic ve list arasında seçebilirsiniz. Gönderi ayarlarında, gönderilerin nasıl sıralanacağını, hangi gönderi kategorisinin görüntüleneceğini, gösterilecek gönderi sayısını ve gönderilerin yerleştirileceği sütun sayısını belirleyebilirsiniz. Ayrıca gönderi başlığını, öne çıkan görseli, alıntıyı, kategoriyi, tarihi, yazarı, yorumları ve okumaya devam bağlantısını gösterip göstermemeye de karar verebilirsiniz. Öne Çıkan Resmin görüntülenmesini seçerseniz, kullanmak istediğiniz resim şeklini seçebilir ve Okumaya Devam Bağlantısını Görüntüle'yi etkinleştirirseniz, kazandığınız özel Devamını Oku Bağlantınızı oluşturabilirsiniz.

Atomik Post Grid bloğu çok benzer. Gönderilerin görüntülenme sırasını, gönderilerin hangi kategoriden alınacağını, gönderi ve sütun sayısını belirleyebilirsiniz. Ayrıca öne çıkan görseli, yazarı, tarihi, alıntıyı ve Okumaya Devam Et Bağlantısını gösterip göstermemeye de karar verebilirsiniz. Yine, öne çıkan görseliniz için görsel stilini belirleyebilir ve bu seçenekleri etkinleştirdiyseniz özel bir daha fazla oku bağlantısı oluşturabilirsiniz.

Otter Blocks eklentisinden genel olarak çok etkilenmeme rağmen, beni burada biraz hayal kırıklığına uğrattılar. Bu bloğu içeriğime eklemeye çalıştığımda bir hata alıyorum. Şimdi gönderileri ön uca ekliyor, ancak yapabileceğiniz herhangi bir ayar varsa, testlerimde şu ana kadar bunlara erişemedim.

Bildirim Blokları

İstiflenebilir bildirim bloğu, okuyucularınızı önemli bilgiler konusunda bilgilendirmek için içeriğinize büyük renkli bir kutu ekler. Her biri farklı bir arka plan rengine sahip farklı bildirim türleri vardır. Ancak, isterseniz arka plan ve metin renklerinizi kendiniz de özelleştirebilirsiniz. Ayrıca bildirimi kapatılabilir yapabilirsiniz.

Atomik Bloklar bildirim bloğuna Bildirim denir. Bildirimin başlık alanı, ayarlayabileceğiniz bir arka plan rengine sahiptir. Ayrıca yazı tipi boyutunu ve bildirimin her zaman görüntülenip görüntülenmeyeceğini ayarlayabilirsiniz.

Otter Blocks bildirim bloğuna ayrıca Notice denir. Başlık ve içerik bölümü yerine tüm metin bir arada. Bildirimin rengini değiştiren dört farklı stil arasından seçim yapabilirsiniz.

Referans Blokları

İstiflenebilir Görüşler bloğu, referansı ve kişinin fotoğrafını, adını ve konumunu ekleyebileceğiniz iki sütunlu bir blok oluşturur. Ayarlarda, sütun sayısını ve gövde metninin rengini, başlığı ve konumu ayarlayabilirsiniz.

Atomik bloklar Referans seçeneği, Stackable'ınkine çok benzer, ancak yalnızca bir sütunu vardır. Yazı tipi boyutunu, alıntı hizalamasını (böylece adı, başlığı ve resmi) ve arka plan ve metin renklerini ayarlayabilirsiniz.

Otter blokları Referans bloğu, bir resim ekleyebileceğiniz, kişinin adını, unvanını ve ardından teklifini ekleyebileceğiniz 3 sütunla başlar. Başka bir sütun eklemek için, orijinal 3 sütununuzun sağında bir artı işareti vardır. Tüm bloğun veya her bir referans sütununun arka plan rengini değiştirebilirsiniz.

Profil Blokları

Bakacağımız son bloklar Profil bloklarıdır. Teknik olarak, bunların hepsi “profil” blokları değil ama oldukça benzerler ve ben de bakmaya değer olduklarını düşündüm.

Stackable'ın bunun gibi iki bloğu var. İlki Takım Üyesi olarak adlandırılır. Görüntüler, kişinin adı, başlığı ve açıklaması için noktalar içeren iki sütun ekler. Renk ayarlarıyla birlikte görüntü şeklini ve sütun sayısını ayarlayabilirsiniz.

Ayrıca, oldukça benzer olan ancak yalnızca bir sütun olan ve bağlantı ekleyeceğiniz bir düğme içeren bir Kart bloğuna sahiptirler.

Atom blokları eklentisinde buna Profil Kutusu denir. Bir fotoğraf, ad, başlık ve açıklama ekleyebilirsiniz. Yazı tipi boyutunu, görüntü şeklini ve renklerinizi değiştirebilirsiniz. Hatta sosyal medyalarına bağlantılar bile ekleyebilirsiniz ve bunlar profil kutusunun altına eklenecektir.

Otter bloklarında, bu özel blok Yazar Hakkında bloğudur. Bu blok, tüm bilgileri sitenizdeki profillerinden çeker. "Görünen" adlarını, resimlerini ve oraya ekledikleri biyografiyi kullanır. Bu blok için ayar yok.

Bu eklentilerin her birinin, ele aldıklarımızı paylaştığı özelliklerin ötesinde kendi harika özellikleri vardır.

Her eklentideki tüm benzersiz bloklardan biraz daha incelemek için her eklentiden bir tane seçtim.

İstiflenebilir Sayım Bloğu

Stackable'daki Count Up bloğu, istatistikleri sayan sütunlar oluşturmanıza olanak tanır.

Bu bloğun ayarlarında stilinizi, sütun sayısını ve renk ayarlarınızı seçebilirsiniz.

Yine de bu bloğun en sevdiğim yanı, sayfa yüklendiğinde sayıların gerçekten "sayılması".

Atomik Bloklar Harekete Geçirici Mesaj Bloğu

Atomik Bloklardaki Harekete Geçirici Mesaj bloğu, kullanıcılarınızı harekete geçirmeye davet etmenize olanak tanır.

Harekete Geçirici Mesaj bloğu, metin ve düğme stili gibi olağan ayarlara sahiptir. Ancak bu blok için en sevdiğim ayarlardan biri arka plan görüntüsüdür. Kendi özel kodunuzu veya stilinizi oluşturmak zorunda kalmadan arka plana bir resim eklemenizi gerçekten kolaylaştırırlar.

Her eklentide bulunan tüm blokları aşağıdaki grafikte görebilirsiniz.

Otter Blokları Hizmetlerimiz Bloğu

Otter Blokları Hizmetlerimiz bloğu, müşterilerinize sunduğunuz hizmetleri göstermek için kolayca bir grafik oluşturmanıza yardımcı olur.

Bu bloktaki harika özelliklerden biri, Font Awesome simgelerini kullanmalarıdır.

Hizmetlerimiz bloğunun ayarlarında, kullanmak istediğiniz simgeyi arayabileceğiniz ve seçebileceğiniz Simge ayarlarını bulacaksınız.

Mevcut tüm Font Awesome simgelerini burada görebilirsiniz.

Her eklentide bulunan tüm blokları görmek için aşağıdaki tabloya bakın.

Bloklar	istiflenebilir	Atom Blokları	Otter Blokları
Eylem çağrısı	x	x
Konteyner	x	x
Saymak	x
Video Açılır Penceresi	x
Akordeon	x	x	x
blok alıntı	x
Mesajlar/Mesaj Izgarası	x	x	x
Buton	x	x
kart	x
bölücü	x
Genişlet/Daha Fazla Göster	x
Özellik Izgarası	x
Özellik	x
başlık	x
Simge Listesi/Yazı Tipi Harika Simgeler	x		x
Resim Kutusu	x
Bildirim/Bildirim	x	x	x
Sayı Kutusu	x	x
Fiyatlandırma Kutusu/Fiyat Tablosu	x		x
Alıntı yap	x
ara parçası	x	x
Ekip Üyesi/Profil Kutusu/Yazar Hakkında	x	x	x
referans	x	x	x
Gömme Büyük Harf		x
Simgeleri Paylaşma/Paylaşma		x	x
Tweetlemek için tıklayın			x
Yuvarlak diyagram			x
Google Harita			x
Eklenti Kartı			x
hizmetlerimiz			x

Bu üçü gibi başka harika eklentiler gördünüz mü? Onları yorumlarda bizimle paylaşın!