15 En İyi WordPress Gutenberg Blok Eklentisi

Gutenberg editörü artık WordPress'in bir parçası. Ve en iyi Gutenberg blok eklentilerini arıyorsanız, bu makalede mevcut en iyi seçenekleri listeledik.

Gutenberg editörünün tanıtımından sonra, gönderi sayfanızda kullandığınız tüm öğeler bloktur. Gönderinize bir resim eklemek istiyorsanız, paragraflar, döşemeler ve diğer öğeler için bir resim bloğu eklemeniz ve ilgili blokları eklemeniz ve düzenlemeniz gerekir.

Bu nedenle, gönderinizde herhangi bir ek özelliğe ihtiyacınız varsa, seçenekleri eklemek için bu ek blokları eklemeniz gerekir.

WordPress, metin bloğu, görüntü bloğu, başlık bloğu, tablo, sütun, düğme ve bir dizi başka blok gibi bir dizi farklı blok oluşturmuştur.

Burada Gutenberg editörünün nasıl kullanılacağı hakkında ayrıntılı bir eğitim hazırladık, bu makale yeni editörü anlamanıza ve başlamanıza yardımcı olacak.

Gutenberg blok eklentileri ile devam etmeden önce, varsayılan düzenleyici ile gelen normal bloklara bir göz atalım.

01. Başlık Bloğu: Bu bloğu yazılarınıza veya sayfalarınıza başlık eklemek için kullanırsınız. Genellikle blog yazılarınızda alt başlıklara H2, H3 etiketleri eklemek için kullanılır.

02. Paragraf Bloğu : Bu, WordPress sitenizde en çok kullanılan bloklardan biri olacak. Adından da anlaşılacağı gibi, bu blok blog gönderilerinize içerik eklemek için kullanılacaktır.

03. Resim Bloğu : Bu kendini açıklayıcıdır. Blog gönderilerinize resim eklemek için bu bloğu kullanabilirsiniz.

04. Liste Bloğu : Blog yazılarınızda madde işareti oluşturmak için bu bloğu kullanabilirsiniz. Bu seçenek klasik düzenleyicide de vardı.

05. Düğmeler : Klasik düzenleyicide düğme eklemek için özel kod veya kısa kod eklentisi eklerdik. Gutenberg tanıtılmadan önce WordPress'in bir harekete geçirici mesaj düğmesi eklemek için varsayılan bir seçeneği yoktu. Ancak şimdi, harekete geçirici mesaj düğmesi eklemek için varsayılan bir blok ile birlikte geliyor.

06. Tablo Bloğu: WordPress hiçbir zaman bir gönderiye tablo ekleme seçeneğine sahip değildi, ancak Gutenberg ile gönderilerinize tablo eklemek için varsayılan bir seçenek ile geliyor. Tablo biçiminde bir öğe listesi oluşturmak veya sitenizde sergilediğiniz farklı ürünleri karşılaştırmak için tablo bloğunu kullanabilirsiniz.

Tablo bloğu, renk ayarlarını özelleştirmek için size birkaç seçenek sunar, ancak sınırlıdır. Bu nedenle, sitenizde hala kaliteli bir tablo eklentisine ihtiyacınız olabilir.

07. Kapak Bloğu : Bu, yeni düzenleyiciye bir başka çok faydalı eklemedir. Kapak bloğu, kapak bloğu ile net bir şekilde bölünmüş farklı bölümlere sahip yüksek kaliteli ürünler oluşturmak için çok etkili bir unsur olabilir.

08. Gömme Bloğu : Artık YouTube, Twitter, Instagram gibi diğer kaynaklardan içerik gömmek eskisinden çok daha kolay. varsayılan gömme bloğu, birden çok platformdan içerik gömmek için size bir dizi seçenek sunar.

09. Sütun Bloğu : Gutenberg ile, sayfalardaki gönderilerinizde çok sütunlu bir içerik düzeni oluşturmak için hızlı bir seçeneğiniz var.

10. Blokları Biçimlendirme : Varsayılan Gutenberg düzenleyicisi, metin dışındaki içerik türlerini düzenlerken ihtiyaç duyabileceğiniz bir dizi blok sunar. Bir kod bloğunuz, bir HTML bloğunuz ve birkaç tane daha var.

11. Galeri Bloğu : Gutenberg ayrıca varsayılan bir galeri bloğu ile birlikte gelir. Bir galeri ızgarası biçiminde birden çok görüntü kaliteli olarak ekleyebilirsiniz. Medya galerinizin gönderilerinizde sergilemesi için yeni görseller yükleyebilir veya görseller seçebilirsiniz.

İçeriğinizi oluştururken gerçekten yardımcı olan birçok başka blok var.

Neden Özel bir Gutenberg eklentisine ihtiyacınız var?

Gutenberg, bir blog yazısı oluşturmaya gelince neredeyse tüm ihtiyacı karşılayabilecek varsayılan seçeneklerde zaten çok sayıda blok sunduğundan, neden özel bir eklentiye ihtiyacınız var?

Özel bir Gutenberg blok eklentisine ihtiyaç duymanızın birincil nedeni, varsayılan blokların tasarım olanakları açısından sınırlı olmasıdır. Ayrıca, sitenizde varsayılan seçenekler arasında henüz mevcut olmayan birden çok başka bloğa ihtiyacınız olabilir.

Yalnızca içerik yayınlamak istediğiniz ve herhangi bir genişletilmiş özelliğe ihtiyaç duymadığınız çok basit bir blog yönetiyorsanız, varsayılan seçenekler yeterince iyidir.

Gutenberg sadece editör değil, başlı başına bir web sitesi oluşturucudur ve bu özel Gutenberg blok eklentileri, web siteniz için harika görünümlü bir tasarım oluşturma sürecini basitleştirir.

Siteniz için tamamen özel bir tasarım oluşturmak için aşağıdaki blok eklentilerin birçoğunu kullanabilirsiniz, artık bir web sitesi oluşturucuya ihtiyacınız olmayacak.

Lafı fazla uzatmadan en iyi Gutenberg blok eklentilerine bir göz atalım.

GutenArı

GutenBee, WordPress sitenizde içerik oluşturmayı daha kolay ve daha esnek hale getirmek için çok çeşitli özel Gutenberg blokları sunan başka bir harika ücretsiz eklentidir.

GutenBee şu anda 27 özel bloğu yeni bloklarla ve düzenli olarak eklenen güncellenen özelliklerle bir araya getiriyor.

Yemek Menüsü bloğu ile barınız veya restoranınız için resimler, fiyatlar ve açıklamalarla tamamlanan harika menüler oluşturun.

Haritaların sıkıcı varsayılan görünümünü unutun, Google Haritalar blokları ile birçok paketlenmiş özel stilden birini seçebilir veya hatta iletişim sayfanızı renklendirmek için kendi SnazzyMaps stilinizi getirebilirsiniz.

İnceleme bloğu, film, yemek, oyun vb. incelemelerinizi birden fazla kategori ve otomatik bir ortalama derecelendirme ile özetlemenizi sağlar.

İzleyicilerinizin dikkatini çekmek için paralaks ve video arka planlarına sahip göz alıcı afişler oluşturun.

Değişken sütun numaraları, kategori filtreleme ve daha fazlasıyla gönderi ve özel gönderi türü listeleri oluşturmak için içerikteki Gönderi Türleri bloğunu sürükleyip bırakın.

Elbette GutenBee, paragraflar, başlıklar, sekmeler, akordeonlar, galeri, simge blokları ve çok daha fazlası gibi tüm temel blokları sunar.

GutenBee blokları, özelleştirilebilir renkler, arka planlar, kenarlıklar, gölgeler ve daha fazlasıyla kapsamlı görünüm seçenekleri sunar. Ek olarak, görünürlük seçenekleri, görüntülendikleri cihazın türüne göre blokları göstermenize veya gizlemenize veya oturum açmış veya oturumu kapatmış kullanıcılar için blokları göstermenize/gizlemenize olanak tanır.

Atomik Bloklar: Gutenberg Düzenleyicisi için Eklentiler

WordPress siteniz için bir dizi faydalı blok sunan ücretsiz ve popüler bir Gutenberg blok WordPress eklentisi.

Eklenti, WPEngine ekibi tarafından devralınmıştır, böylece gelecekte düzenli bir güncelleme ve faydalı yeni bloklar bekleyebilirsiniz.

Eklenti zaten kullanıma hazır birkaç çok kullanışlı blok sunuyor.

• Izgara bloğu sonrası
• Konteyner Bloğu
• Harekete Geçirici Mesaj Blokları
• Özelleştirilebilir düğme
• Ara parça ve bölünmüş
• Yazar profili
• Gömme büyük harf
• referans
• satır içi bildirim
• Akordeon
• Simgeleri paylaş

Eklenti basit ve kullanımı kolaydır. Eklentiyi etkinleştirdikten sonra, yönetici arka ucunda seçeneği göreceksiniz.

Eklenti, blok düzenleyicide yeni bir Atomik Blok seçeneği ekleyecektir. Diğer Gutenberg blokları gibi hazır Atomik Bloklardan herhangi birini sayfanıza seçebilirsiniz.

Gelişmiş Gutenberg

Advanced Gutenberg, WordPress sitenize 20'den fazla farklı faydalı blok getirecek çok kullanışlı bir Gutenberg WordPress eklentisidir.

Bu, Advanced Gutenberg eklentisi ile birlikte birkaç başka kullanışlı WordPress eklentisi sunan JoomUnited ekibi tarafından oluşturulan bir eklentidir.

Eklentiyi etkinleştirdikten sonra, yönetici panosunda seçeneği göreceksiniz. Eklenti size ek profiller oluşturma ve role veya profile göre blok atama seçeneği sunar.

Gönderinizi düzenlerken gelişmiş blokları ekleyebilir ve doğrudan Gutenberg düzenleyicide özelleştirebilirsiniz. Bu eklenti, bir dizi ek özellik ile resimler, düğmeler vb. gibi en önemli bloklardan bazılarını geliştirir.

Gutenberg, zengin bir makale tasarımı oluşturmak için ihtiyaç duyulan düğmeler, tablolar vb. gibi bir dizi blok sunar. Ancak tasarım seçenekleri sınırlıdır. Advanced Gutenberg eklentisi, tüm bu hazır blokları yeni tasarım seçenekleriyle ve bu eklentinin getirdiği ek bloklarla geliştirir.

Tablo özelliğine bir göz atalım.

Herhangi bir ürün veya hizmet için bir karşılaştırma tablosu yerleştirmek istiyorsanız, varsayılan Gutenberg tablosu tasarım açısından çok sınırlıdır, Advanced Gutenberg, stil seçeneklerini ekleyerek onu tamamlayacaktır.

Spectra (Daha önce Gutenberg için Ultimate Eklentileri )

En iyi Gutenberg Blokları WordPress eklentilerinden biri olan Spectra, sitenize bir dizi faydalı blok getirir.

Çok sayıda kullanıcı zaten eklentiyi kullanıyor. Siteniz için en iyi Gutenberg blok eklentisini arıyorsanız, bu aracı kullanabilirsiniz.

Nihai eklenti eklentisi tarafından sunulan önemli bloklardan bazıları burada.

• Gelişmiş Sütun
• Gelişmiş Başlık
• Eylem çağrısı
• Google Harita
• Zaman Çizelgesi Gönderisi
• Gönderi Düzenleri
• Fiyat listesi
• Ve dahası

Blogunuz için güzel görünümlü ızgara tabanlı bir düzen oluşturmak için bir seçenek arıyorsanız, Spectra eklentisi siteniz için Duvarcılık da dahil olmak üzere farklı türde yazı düzenleri oluşturma seçeneğiyle birlikte geldiğinden herhangi bir ekstra eklenti yüklemeniz gerekmez. ızgara düzeni.

Ayrıca, Google Haritasını eklemeniz gereken bir siteyi yönetiyorsanız, gönderilerinize harita eklemek için eklentiyi kullanabilirsiniz, burada Ultimate eklenti eklentisini kullanarak Google Haritasını nasıl ekleyeceğinizi gösteren bir makale yayınladık.

Bölüm bloğu, blog gönderileriniz için harika görünen bir düzen oluşturmak için kullanabileceğiniz başka bir kullanışlı seçenektir. Bu tür kutulu ve tam genişlikte bölümler daha önce WordPress ile, en azından bir web sitesi oluşturucu kullanmadan mümkün değildi.

Şimdi, Spectra ile gerçekten çok kolay. Genel olarak, bu, sitenizde kullanabileceğiniz en iyi Gutenberg blok eklentilerinden biridir.

Nihai Bloklar

Gutenberg için Ultimate Blocks şu anda size 14 farklı blok sunuyor ve ekip, onu Gutenberg editörü için en kapsamlı çözümlerden biri haline getirmek için bir dizi yeni blok üzerinde çalışıyor.

Eklenti çok basit ve başlamak kolaydır. Eklentiyi etkinleştirirken WordPress yönetici panelinde eklenti seçeneğini göreceksiniz. Tüm bloklar varsayılan olarak etkindir ve kullanmak istememeniz durumunda bloklardan herhangi birini devre dışı bırakma seçeneğiniz vardır.

Yeni bir gönderi oluştururken. Ultimate Blocks seçenekleri için yeni bir blok grubu göreceksiniz. Bunları herhangi bir varsayılan Gutenberg bloğu olarak kullanabilirsiniz.

Eklenti size içerik tablosu, yıldız derecelendirmesi, tweet için tıkla, bildirim kutuları, geri sayım sayacı ve daha fazlası gibi blog yazarlarının düzenli olarak ihtiyaç duyduğu bazı çok önemli bloklar sunar.

Bu nedenle, bu eklenti, tüm bu görevleri tek başına yapabileceğinden, şu anda sitenizde kullandığınız bir dizi farklı eklentiyi kullanımdan kaldıracaktır.

Geliştirici, eklentiyle ilgili herhangi bir yardıma ihtiyacınız olması durumunda harika destek sunar. Bu nedenle, zaten Gutenberg editörünü kullanmaya başladıysanız, Ultimate blok eklentisi ile onu bir sonraki seviyeye taşıyın.

Kubbeli

Qubely, Gutenberg editörünün tüm sınırlamalarını en aza indiren ve yeni olasılıklar açan bir Gutenberg blok eklentisidir.

WordPress varsayılan düzenleyicisinde Qubely özel bloklarını kullanarak herhangi bir karmaşık düzen oluşturabilirsiniz.

Qubely ile fiyatlandırma planları, özellikler, referanslar, ilerleme çubukları ve daha fazlasını tasarlayın. Gönderileri ızgara ve liste görünümlerinde sergileyin, ekip üyelerini şık bir şekilde görüntüleyin ve ziyaretçileri daha fazla çekmek için açılır video.

Kullanıma hazır stil seçeneklerini uygulayarak WordPress Gutenberg blok düzenleyicisinin tam kontrolünü elinize alın.

Qubely, hazır bölümler, düzen paketleri, şekil bölücüler, cihaza özel duyarlı kontrol sistemi, tipografi kontrol seçeneği ve diğer birçok özellik ve öğe sunar.

Qubely, özel Gutenberg bloklarıyla web sitenizin tasarımıyla ilgilenir. Qubely blokları son derece işlevsel ve kullanıcı dostudur.

Tasarımda ince ayar yapmak ve içeriği istediğiniz şekilde göstermek için birçok seçeneğiniz var. Qubely Gutenberg eklentisindeki blok sayısı güncellemeleri ile artıyor.

Qubely'de zaten kullanmanız için tamamen ücretsiz olan 26 blok var. Önümüzdeki günlerde daha fazla blok gelecek.

Dikkate değer Qubely bloklarından bazıları şunlardır:

• Mesaj Izgarası
• fiyatlandırma
• Blok Sarıcı
• Takım
• resim
• Zaman çizelgesi
• Sıra
• referans
• Tezgah
• Sekmeler
• Akordeon/Geçiş
• Video Açılır Penceresi
• Google Harita
• İlerleme çubuğu
• bölücü
• Düğme Grubu
• Bilgi kutusu
• Gelişmiş Liste
• İletişim Formu

istiflenebilir

İstiflenebilir, bahsetmeye değer başka bir eklentidir. Bu eklenti, sayılar, sayaçlar, arka plan resimli metin vb. gibi farklı öğeler içeren bir sayfa oluştururken kullanılabilecek çok sayıda yararlı blok ekler.

Bu eklentiyi aktif hale getirdiğinizde, zengin bir sayfa tasarımı oluştururken kullanabileceğiniz yeni bir blok bölümü ekler.

Bu eklenti tarafından sunulan önemli bloklardan bazıları şunlardır:

• kartlar
• Sayaçlar
• Konteyner
• Öne çıkan ızgara
• referans
• Bildirim Bloğu
• Ekip Üyeleri Engelleme
• Ve dahası

Getwid

Kapsamlı bir ücretsiz Gutenberg eklenti seçeneği arıyorsanız, bu sizin için harika bir seçenek.

MotoPress'in bu eklentisi, WordPress sitenizde kullanabileceğiniz 29 çok kullanışlı blok getiriyor.

İşte Getwid eklentisi tarafından sunulan önemli bloklardan bazıları

• Bölüm
• Gelişmiş Başlık
• Düğme Grubu Bloğu
• yorumlar
• İlerleme çubuğu
• Tezgah
• yakın zamanda Gönderilenler
• Fiyat Kutusu
• Sosyal Bağlantılar
• Resim Yığını Galerisi
• Instagram
• afiş
• referans
• Fiyat Kutusu
• Sosyal Bağlantılar
• yakın zamanda Gönderilenler

Getwid eklentisi ile tam uyumlu bu eklenti ile güzel görünümlü ücretsiz Gutenberg uyumlu bir tema elde edersiniz. Bu kombinasyona sahip olduğunuzda, siteniz için başka bir web sitesi oluşturucuyu beslemezsiniz.

CoBlocks: İçerik Pazarlamacıları için Gutenberg Blokları

Adından da anlaşılacağı gibi, bu eklenti pazarlamacılar için faydalı olan blokları sunar. Bu eklenti ThemeBeans ekibi tarafından oluşturulmuştur.

İşte bu eklenti tarafından sunulan bloklar

• Akordeon Blok
• Uyarı Bloğu
• Sosyal Paylaşım Bloğu
• Yazar Bloğu
• Dinamik İK Bloğu
• Tweet bloğu için tıklayın
• Gif Bloğu
• GitHub Özet Bloğu
• Fiyatlandırma Tablosu Bloğu
• Vurgu Bloğu

bokez

Bokez, sayfalarınızı oluşturmak için kullanabileceğiniz bir başka harika Gutenberg blokları koleksiyonudur. Size referans, akordeon, post grid, cover blok ve birkaç tane daha önemli bloklar sunar.

Gutenberg için Editör Blokları

Farklı bloklar ve öğeler içeren eksiksiz bir açılış sayfası oluşturmak için kullanabileceğiniz bir eklenti arıyorsanız, bu sizin için güzel bir seçenek.

Bu eklenti size kahraman bölümü, içerik sarmalayıcı, ekip, fiyat tablosu ve daha fazlasını içeren bir açılış sayfası oluşturmak için kullanabileceğiniz çok sayıda çok kullanışlı Gutenberg bloğu sunar.

yörünge tilkisi

Orbit Fox, bir dizi kullanışlı özellik ve seçeneğe sahip çok kullanışlı bir WordPress eklentisidir. Bu tek eklenti, tüm bu özellikleri sunarak bir dizi başka eklentinin yerini alabilir.

Basit Google Analytics entegrasyonundan hazır sayfa şablonlarına kadar hepsine sahiptir.

Bu eklenti aynı zamanda Elementor ve Beaver Builder gibi web sitesi kurucuları için onu çok kullanışlı bir ürün haline getiren bir dizi eklenti ve widget sunar.

Size sosyal paylaşım butonları sunar, geniş bir seçenekler listesinden kullanmak istediklerinizi seçebilirsiniz, sitenizde güzel açılış sayfaları oluşturmak için kullanabileceğiniz hazır sayfa şablonları sunar.

Üstelik 1 GB ücretsiz CDN trafiği alacaksınız ve sitenizdeki resimleri daha hızlı yüklenmesi için optimize edecek.

Otter Blokları

Otter Blocks, WordPress sitenizde ücretsiz olarak kullanabileceğiniz çok kullanışlı bir başka Gutenberg blok eklentisidir.

Bu hafif eklenti, görsel olarak çekici bir web sitesi oluşturmanıza yardımcı olacaktır. Eklenti size bir dizi farklı blok sunar.

Tek tıklamayla sayfalarınıza ekleyebileceğiniz ve ihtiyacınıza göre düzenleyebileceğiniz, kullanıma hazır şablonlardan oluşan bir kitaplık ile birlikte gelir.

Bu nedenle, sitenizi yavaşlatan kod ağırlıklı web sitesi oluşturucularından kaçınmak istiyorsanız, bu eklenti işinizi görecektir.

Önemli Bloklar

• Bölüm bloğu
• kaydırıcı blok
• Gelişmiş düğmeler
• Gelişmiş başlık bloğu
• Izgara bloğu sonrası
• Fiyatlandırma bloğu ve daha fazlası

Kadans Blokları

Kendi başına bir web sitesi oluşturucu olan Kadence Blocks eklentisi, web siteniz için tamamen özel bir tasarım oluşturmak için bir daha asla bir web sitesi oluşturucuya ihtiyacınız olmayacağından emin olacaktır.

Ne tür bir site yönetirseniz yönetin, basit bir blog veya e-ticaret sitesi olsun, Kadence Blocks eklentisi sitenizin tasarımıyla ilgilenecektir.

Eklenti, sitenizin mükemmel görünmesini sağlamak için ihtiyacınıza göre bir araya getirebileceğiniz ve temayı özelleştirebileceğiniz bir dizi farklı blok sunar.

Aslında eklenti, sitenizde içe aktarabileceğiniz ve kullanabileceğiniz bir dizi hazır web sitesi demo şablonuyla birlikte gelir. Eklenti basit ve kullanımı kolay olduğundan, tamamen acemi olsanız bile özelleştirebileceksiniz.

HERHANGİ Gutenberg Blokları için Ekstra Blok Tasarımı, Stil, CSS

Bu başka bir Gutenberg eklentisidir, ancak yeni bir blok eklemek için değil, daha önce eklemiş olduğunuz eklentileri biçimlendirmek içindir.

WordPress topluluğunda aktifseniz, muhtemelen tasarımcı olmayanların CSS kodunu görsel stille anında düzenlemeleri için oluşturulan CSSHero gibi eklentilerin farkındasınızdır.

Bu, bu listeye eklenen Gutenberg eklentilerinin çoğuyla mükemmel uyumlu bir eklentidir, bu eklentiyi tüm bu blok eklentileri aracılığıyla eklediğiniz bloğu stillendirmek için kullanabilirsiniz.

Bu eklenti 60'tan fazla tasarım seçeneğiyle birlikte gelir. Bu nedenle, CSS stil kodlarıyla rahat olmayan biri değilseniz ancak blokların görünümünü ve hissini özelleştirmek istiyorsanız, bu eklenti tam size göre.

Son söz

Bunlar, WordPress sitenizde kullanabileceğiniz en iyi Gutenberg blok eklentilerinden bazılarıdır. Önümüzdeki günlerde bir dizi Gutenberg ile ilgili eklenti göreceğiz. Bir bakıma bu eklentiler, sayfalarımıza farklı işlevler eklemek için kullandığımız eski WordPress'teki kısa kod gibi çalışır.

Şimdi, WordPress'in yeni sürümünde bunlar, onları daha iyi hale getirmek için hazır blokları geliştirmek için bloklar veya seçenekler haline geliyor.

Daha fazla eklenti test etmeye devam ettikçe daha fazla Gutenberg WordPress eklentisi ekleyeceğiz, bu nedenle bu sayfayı yer imlerine eklemeyi ve daha sonra daha fazla seçenek olup olmadığını kontrol etmeyi unutmayın.