Gutenberg vs Elementor: 2022'de Hangisi Daha İyi

Gutenberg ve Elementor, WordPress dünyasında karşılaşmış olabileceğiniz oldukça yaygın terimlerdir. Bir WordPress sitesi tasarlarken, hangi sayfa oluşturucuyu veya site düzenleyiciyi kullanacağınız düşüncesi aklınızdan geçmiş olabilir. Listede en üstte yer alan bir sayfa oluşturucu Elementor'dur. Gutenberg editörü de muhtemelen dikkatinizi çekecek bir şeydir.

Hem Gutenberg editörü hem de Elementor sayfa oluşturucu oldukça harikadır ve hangisini kullanacağınızı seçmek, özellikle WordPress'e yeni başlayanlar için kafa karıştırıcı olabilecek bir şeydir.

Bu kılavuzda, bunların her birine, bunların nasıl kullanılacağına ve belirli metriklere dayalı olarak aralarındaki bazı önemli karşılaştırmalara bakacağız.

İçindekiler

Gutenberg

• Gutenberg Nedir?
• Gutenberg Özellikleri

eleman

• Elementor Nedir?
• Elementor Özellikleri

Gutenberg ve Elementor Arasındaki Temel Karşılaştırmalar

Çözüm

Gutenberg

Gutenberg Nedir?

Blok düzenleyici olarak da bilinen varsayılan WordPress düzenleyicisidir. WordPress 5.0'a dahil olarak 2018'de tanıtıldı.

Düzenleyici, bir gönderiye/sayfaya içerik eklemek için kullanılabilen ve bir kullanıcının tercihine göre şekillendirilebilen bloklar kullanır.

Tanıtıldığında, blok düzenleyici klasik düzenleyicinin yerini aldı. Gutenberg, klasik editöre kıyasla özellikle acemi kullanıcılar için kullanımı kolaydır. İçeriğinizi eklemek ve stil eklemek için düzenleyiciye artık HTML ve CSS eklemeniz gerekmez.

Ancak hala büyüme aşamasında ve hala sürekli geliştirildiği ve iyileştirmeler eklendiği için zaman geçtikçe daha fazla özellik sunması bekleniyor.

Gutenberg Özellikleri

Gutenberg, yerinde bir dizi heyecan verici özelliğe sahiptir. Burada, editördeki bu özelliklerden beşini inceleyeceğiz.

bloklar

Gönderinize veya sayfanıza medya ve metin gibi her türlü içeriği eklemenizi sağlayan yerleşik bloklar içerir.

Bu bloklar, içindeki blok yerleştiriciye tıklayarak bir gönderiye veya sayfaya eklenebilir.

Düzenleyici içinde, her bloğu ayrı ayrı ekleyebilir, böylece size her blok ayarı üzerinde çok daha fazla kontrol sağlayabilirsiniz.

Ayrıca oldukça fazla sayıda blok mevcuttur. Mevcut blokların geniş seçimi, web sitenize farklı içerik grupları eklemenizi sağlar. Web sitenizde kullanmak için özel bloklar da oluşturabilirsiniz.

Yeniden kullanılabilir bloklar

Yeniden kullanılabilir blokların yerinde olması için bir seçenek sunar. Yeniden kullanılabilir bloklar, site içeriğinizde tekrar tekrar kullanılabilen bir blok grubudur.

Yeniden kullanılabilir blokların oldukça tasarruflu olduğu ortaya çıktı. Bunun nedeni, web sitenizdeki farklı bölümlerde kullanmak için bölümleri yeniden oluşturmanıza gerek olmamasıdır.

Aşağıda, belirli bir bloktan yeniden kullanılabilir bir bloğu nasıl oluşturabileceğinize ilişkin örnek bir ekran görüntüsü verilmiştir:

“Yeniden Kullanılabilir Bloklara Ekle” bağlantısına tıkladığınızda, yeniden kullanılabilir blok adını eklemeniz ve değişikliklerinizi kaydetmeniz gereken bir açılır pencere göreceksiniz.

(WYSIWYG) Düzenleme

WYSIWYG (Ne Görüyorsanız Onu Alırsınız) içerik düzenleyicisini sunar. Bu, gönderi veya sayfalarınızdaki içeriği düzenlemenize ve yayınlamadan önce görünümünü önizleme konumunda olmanıza olanak tanır.

Sayfanın veya gönderinin görüntüsünü önizlemek için artık değişikliklerinizi kaydetmeniz gerekmediği için bu harika bir özellik. Başlangıçta bu, önceki WordPress düzenleyicisi tarafından sağlanmayan bir şeydir.

Ayarlanabilir yazı tipi özellikleri

Düzenleyici, içeriğinizin yazı tipi boyutu ve görünümü gibi çeşitli yazı tipi özelliklerini kolayca ayarlamanızı da oldukça kolaylaştırır. Bu, sitenizdeki içeriğin görüntülenmesini kişiselleştirmenizi sağlar.

İçeriğinizde yaptığınız tüm yazı tipi değişiklikleri düzenleyicide hemen görünür.

Sürükle ve Bırak İşlevi

Düzenleyici, sayfaları veya gönderilerinizdeki blokları sürükleyip bırakmanıza olanak tanır. Bu, tercih ettiğiniz basitleştirilmiş düzenleri çok daha hızlı oluşturmanıza olanak tanır.

eleman

Elementor Nedir?

Elementor, WordPress web sitenizde son derece özelleştirilebilir düzenler tasarlamanıza olanak tanıyan bir sayfa oluşturucudur.

En popüler sayfa oluşturuculardan biridir. Ücretsiz sürümü şu anda olduğu gibi 5 milyondan fazla kuruluma sahiptir.

Kullanırken, web sitenizi tasarlamak için herhangi bir kodlama deneyimine ihtiyacınız yoktur. Oldukça fazla sayıda widget'ı var. Bunlar, web sitenize kolayca farklı özellikler eklemenizi sağlar.

Sayfa oluşturucu ayrıca bloglar, e-ticaret siteleri, listeleme siteleri ve çok daha fazlası gibi çeşitli web sitesi türleri için de kullanılabilir. Belirli bir içerik türü için herhangi bir sınırlama yoktur.

Elementor Özellikleri

Elementor, onu web sitesi geliştiricileri ve acemi WordPress kullanıcıları için oldukça ideal kılan çok çeşitli özelliklere sahiptir.

Bu özelliklerden bazıları şunlardır:

Cevaplanabilirlik

Oluşturucu, web sitenizi her cihaz (mobil, dizüstü ve masaüstü) için tasarlamanıza olanak tanır. Bu, sitenizin her cihazda beklendiği gibi çalışan bir piksel mükemmel duyarlı tasarımına ulaşmanıza yardımcı olur.

Bu yanıt, cihazın ekran boyutuna bağlı olarak devreye giren kesme noktalarının yardımıyla elde edilir. Elementor'un yardımıyla özel kesme noktaları da oluşturabilirsiniz.

Canlı Düzenleme ve Önizleme Deneyimi

Elementor ile, sayfanızda veya gönderinizde düzenlemeler yapabilecek ve düzenlemeler yapılırken önizleme yapabilecek bir konumda olacaksınız. Örneğin bir sayfayı kaydetmeniz ve ardından yapılan değişikliklerin bir görünümünü elde etmek için önizleme yapmanız gerekmez.

Sürükle ve Bırak İşlevi

Web sitenizi tasarlarken sürükle ve bırak işlevi sunar. Widget'ları gönderinizin veya sayfanızın içindeki tuvale sürüklemeniz yeterlidir.

Bu, kodlama bilgisi gerekmediğinden, özellikle acemi kullanıcılar için dikkate alınması gereken harika bir sayfa oluşturucu yapan bir özelliktir.

Hazır Şablonlar

Web sitenizi tasarlarken kullanabileceğiniz 300'den fazla hazır şablon sağlar.

Bu şablonları herhangi bir endüstri türünden web siteleri oluşturmak için kullanabilirsiniz. Sayfanıza eklendikten sonra, şablonları tercihinize göre daha da özelleştirebilirsiniz.

Çoklu Widget'lar

Çeşitli içerik türleri eklemek için kullanılabilecek çok sayıda widget içerir. Ayrıca, web sitenizde kullanabileceğiniz ekstra widget'lar sağlamak için oluşturucuyla kolayca entegre olan üçüncü taraf eklentiler de vardır.

Gutenberg ve Elementor Arasındaki Temel Karşılaştırmalar

Hem Elementor hem de Gutenberg, yukarıda özetlenen özelliklerinde görüldüğü gibi bir takım benzerliklere sahiptir. Ancak, aslında farklı yönlerden birbirlerinden daha iyi performans gösterirler. Aşağıda bu karşılaştırmalardan bazıları verilmiştir.

Cevaplanabilirlik

Hem Gutenberg hem de Elementor, duyarlı web siteleri oluşturmak için kullanılabilir.

Elementor ile, farklı cihaz ekranlarında widget'ların görüntülenmesini kontrol edebilecek bir konumdasınız. Örneğin, bir düğmeyi mobil cihazlarda gizleyebilir ve yalnızca masaüstü ve tablet cihazlarda görüntülenmesini sağlayabilirsiniz. Ayrıca farklı cihaz ekranlarındaki çeşitli öğelere ekstra stil ekleyebilirsiniz. Bu işlevsellik, sitenizi tasarlarken ekstra esneklik sağlar.

Ancak Gutenberg'de, varsayılan olarak, bu özelliği ekleyen bir tema veya eklenti kullanmıyorsanız, cihaz ekranlarına göre blokların görüntüsünü ayarlayacak konumda değilsiniz.

Kullanım ve Anlama Kolaylığı

Gutenberg'i kullanırken, blok yerleştiriciye tıklayıp istediğiniz bloğu seçerek sitenize kolayca blok ekleyebilirsiniz. Bu düzenleyicinin bir dezavantajı, oldukça sezgisel olmaması ve kullanıcıların blokları kullanarak mizanpajları nasıl düzgün bir şekilde tasarlayacaklarını öğrenmek zorunda kalabilmeleridir.

Elementor'a gelince, kullanıcıların istedikleri widget'ı sayfaya sürükleyip bırakmaları ve istenen içeriği oluşturmak için içeriklerini değiştirmeleri yeterlidir. Bu, özellikle yeni WordPress kullanıcıları için çok daha kolay bir yaklaşımdır.

Verim

Gutenberg, Elementor'a kıyasla daha iyi performans puanları elde ediyor.

Gutenberg ile tasarlanmış bir sayfa, Elementor ile tasarlanmış bir sayfaya kıyasla muhtemelen çok daha hızlı yüklenir.

Aşağıda, Elementor ile oluşturulmuş bir sayfa ile Gutenberg ile oluşturulmuş bir sayfa arasında örnek bir performans karşılaştırması verilmiştir:

Elementor kullanan sayfa

Gutenberg Kullanan Sayfa

Elementor'un daha fazla kişiselleştirme özelliği ve verisi vardır, bu nedenle Gutenberg'e kıyasla daha düşük performans puanlarına katkıda bulunan nedenlerden biridir. Gutenberg, sitenizi onunla tasarlayabilecek bir konumda olmak için önce Elementor eklentisini yüklemeniz gereken Elementor'dan farklı olarak WordPress'in kendisine de entegre edilmiştir.

Sürükle ve bırak

Hem Gutenberg hem de Elementor, web sitenizi tasarlarken sürükle ve bırak işlevi sağlar.

Elementor ile, diğer widget'ların içine widget'ları sürükleyip bırakabilirsiniz, böylece karmaşık düzenler oluşturmanıza olanak tanır. Ancak Gutenberg'de bu işlevsellik sınırlayıcıdır, çünkü blokları yalnızca örneğin sütunlarda oluşturulmasını istediğiniz yere sürükleyip bırakabilirsiniz, ancak blokları diğer bloklara gerçekten sürükleyip bırakamazsınız. Örneğin, görüntü üzerinde oluşturulacak bir alıntı bloğunu sürükleyemezsiniz. Bunun yerine görüntünün üstünde ayrı bir blok olarak işlenecektir. Bu, web sitenizde karmaşık düzenler oluşturmayı biraz zorlaştırır.

fiyatlandırma

Gutenberg, WordPress'in kendisine entegre olduğu için ücretsizdir.

Elementor ise hem ücretsiz bir eklenti hem de profesyonel bir eklenti olarak mevcuttur. Ücretsiz eklenti, özellikle hazır widget'lar ve şablonlar açısından biraz sınırlayıcıdır. Çok sayıda widget ve şablonun keyfini çıkarmak için mevcut planlardan profesyonel eklentiyi satın almak zorunda kalacaksınız.

Dört farklı plan mevcuttur. Bunlar şunları içerir: Essential, Expert, Studio ve Agency. Bu planların her birindeki fiyatlandırma varyasyonları, profesyonel eklentinin etkinleştirileceği web sitelerinin sayısına büyük ölçüde bağlıdır.

Çözüm

Bu yazıda Elementor ve Gutenberg'in özelliklerini ve karşılaştırma ölçümlerini inceledik. Hangisini kullanacağınız tamamen size bağlıdır.

Web siteniz için sadece basit bir yerleşim tasarımı oluşturmak istiyorsanız, Gutenberg uygun seçim olacaktır. Varsayılan Gutenberg bloklarını, Spectra (önceden Gutenberg için Ultimate Eklentiler olarak biliniyordu) ve İstiflenebilir gibi çeşitli eklentileri kullanarak da genişletebilirsiniz. Gutenberg'in de zamanla büyümesi bekleniyor, bu nedenle yerinde daha heyecan verici özellikler görmeyi beklemelisiniz.

Öte yandan, kullanımı kolay görünen bir oluşturucu ile karmaşık bir düzen oluşturmak istiyorsanız, Elementor harika bir seçim olacaktır.

Bununla birlikte, bunlardan herhangi biriyle ilgili herhangi bir sorunuz varsa, lütfen aşağıdaki yorumlar bölümünde bize ulaşmaktan çekinmeyin.