Elementor vs Gutenberg

Kim iyi bir savaşı sevmez ki? Web sitesi oluşturmaya gelince, sizin için oldukça epik bir tane bulduğumuzu düşünüyoruz.

Bu köşede, kendi kendini ilan eden "WordPress sayfa oluşturucularının kralı" olan Elementor'a sahibiz (bizim değil onların sözleri). Ve diğer köşede, WordPress ile önceden yüklenmiş olarak gelen yeni düzenleyici Gutenberg var.

Her iki inşaatçının da güçlü ve zayıf yönleri vardır ve hangisinin sizin için doğru olduğunu bulmak kafa karıştırıcı olabilir. Her birinin neler sunabileceğini anlamanıza yardımcı olmak için, Elementor ve Gutenberg'in ayrıntılı bir karşılaştırmasını burada bulabilirsiniz:

Elementor nedir?

Elementor, WordPress için ücretsiz ve açık kaynaklı bir sürükle ve bırak sayfa oluşturucu eklentisidir. Kodlama deneyimi ne olursa olsun, web geliştirmeyi herkes için daha kolay hale getirme fikriyle oluşturulmuştur.

20 yılı aşkın bir süredir web siteleri geliştiren Yoni Luksenberg tarafından oluşturuldu. Web tasarım sürecini yavaş ve verimsiz bularak, insanların kod yazmaya gerek kalmadan güzel web siteleri oluşturmasına yardımcı olacak bir şey yaratmak istedi. Elementor, Mayıs 2016'da piyasaya sürüldü ve o zamandan beri hızla büyüyerek tarihin en popüler WordPress eklentilerinden biri haline geldi.

Elementor ile her türden web sitesi oluşturabilirsiniz: açılış sayfaları, çevrimiçi özgeçmiş/portföy siteleri, iş web siteleri ve daha fazlası – tümü sıfırdan veya önceden hazırlanmış şablonlar kullanarak. İstediğiniz sonuçları elde etmek için mevcut temaları da özelleştirebilirsiniz - herhangi bir sınırlama yoktur.

Elementor'un Temel Özellikleri

Bu sayfa oluşturucunun temel özellikleri aşağıdadır:

• Sürükle ve Bırak Düzenleyici
• 100'den Fazla Widget
• Tema Oluşturucu
• Genel Düzenleme
• Duyarlı Düzenleme
• Çarpıcı, eğlenceli giriş ve çıkış animasyon efektleri oluşturabilir
• 90'dan fazla Web Sitesi Kitine sahiptir
• 300'den fazla önceden hazırlanmış şablonla birlikte gelir
• Tasarımınıza özel CSS kodları ekleyebilirsiniz.
• WooCommerce, açılır pencere, form ve açılış sayfası oluşturucularına sahiptir
• Çok sayıda SEO eklentisi ile entegre olur

Neden Elementor Kullanmalısınız?

Kullanımı Kolay: Elementor ile güzel bir web sitesi oluşturmak için herhangi bir kodlama bilgisi öğrenmenize gerek yok. Düzenleyici, sürükle ve bırak tabanlıdır ve kolayca sürüklenip yerine bırakılabilen widget'ları kullanarak sayfaları görsel olarak tasarlamanıza olanak tanır.

Ayrıca sadece bir şablon seçebilirsiniz - eklenti aracılığıyla yüzlerce şablon mevcuttur - bunları ihtiyaçlarınıza göre özelleştirin ve web siteniz için yeni sayfalar veya gönderiler oluşturmaya devam edin!

Etkileyici Hazır Tasarımlar ve Şablonlar: Öğeler, zamandan tasarruf etmenize yardımcı olan önceden hazırlanmış tasarımlar ve şablonlarla birlikte gelir. Bu tasarımlar, dönüşümler için iyi tasarlanmış ve optimize edilmiştir; bu, kullanıcı eylemleri düşünülerek tasarlandıkları anlamına gelir!

Bunları sıfırdan tasarlamak saatler alacaktır, bu nedenle bu özellik tek başına yeterli bir neden değilse, o zaman başka ne birisini başka türlü ikna eder bilmiyorum!

Gerçek Zamanlı Önizleme: Elementor, müşterilerimin hepsini bir kerede gözden geçirmeden önce her şeyin tamamlanmasını beklemek yerine yapılan değişiklikleri anında görmelerini sağlayan bir canlı önizleme özelliğine sahiptir (bu ikimize de zaman kazandırır!). Ayrıca, bir şeyler doğru görünmüyorsa, yeniden başlamak zorunda kalmadan geri dönebiliriz.

Gutenberg nedir?

Gutenberg (" WordPress'teki yeni içerik editörü " olarak da bilinir) bunu okuyorsanız zaten hayatınızın bir parçası. Kullanmış olsanız da olmasanız da, zaten WordPress'in büyük bir parçası.

Blok sayfa oluşturucu, 2018'de (WordPress 5.0) yayınlandıktan sonra oluşturulan tüm WordPress siteleri ve gönderileri için varsayılan düzenleyicidir.

"Gutenberg" ismi, 1450'lerde hareketli tip matbaayı icat eden ve iletişim şeklimizi değiştiren bir bilim adamı olan Johannes Gutenberg'e bir göndermedir.

Gutenberg'i MS Word veya Google Dokümanlar'a eşdeğer, ancak 2005'ten beri kullanılan eski klasik düzenleyicinin yerini alan yalnızca WordPress siteleri için oluşturulmuş bir kelime işlemci olarak düşünmek en iyisidir.

Gutenberg'in Temel Özellikleri

Aşağıda bu blok düzenleyicinin temel özellikleri verilmiştir:

• İçerik ve sayfa oluşturmak için blokları kullanır
• Blokları oluşturmak için kodlama gerekmez
• Hızlı ve güvenilir olmasını sağlamak için modern teknoloji ile tasarlanmıştır
• Galeri fotoğraflarını destekler
• Düzenleyicide yeniden boyutlandırmanıza, yakınlaştırmanıza ve benzeri işlemlere olanak tanıyan bir görüntü düzenleyiciye sahiptir

Neden Gutenberg Kullanmalısınız?

Neden Gutenberg kullanmalısınız? Peki, bunu yapmanın faydalarına bir göz atalım.

• Yeniden Kullanılabilir Bloklar Oluşturun: Yeni blok düzenleyici, birden çok gönderi ve sayfada kullanabileceğiniz yeniden kullanılabilir içerik blokları oluşturmayı kolaylaştırır. Bu özellik size zaman kazandıracak ve web sitenizde tutarlı bir stil sağlamanıza olanak sağlayacaktır. Harekete geçirici mesaj kutuları, ürün/fiyat tabloları, resim galerileri vb. Gutenberg'in sürükle ve bırak arayüzü ile oluşturulabilen yeniden kullanılabilir blok örneklerinden bazılarıdır.
• Gelişmiş widget'lar ve düzenleme araçları: Gutenberg, tasarımınızın sütunlarına veya diğer alanlarına yerleştirebileceğiniz çok sayıda widget ile birlikte gelir. Bazıları Kısa Kod, En Son Gönderiler, Kategoriler, Etiket Bulutu ve Arşivleri içerir. Bu widget'lar, geliştirici olmayanların teknik bilgi veya kodlama becerisine sahip olmadan sayfa düzenine ek içerik yerleştirmesini çok kolaylaştırır.
• Herhangi bir üçüncü taraf eklentisi ve temasıyla bütünleşir: Gutenberg artık WordPress çekirdeğinin bir parçası olduğundan, üçüncü tarafların eklentileri ve temalarıyla uyumluluk eklemesini hiçbir şey engelleyemez.

Gutenberg Vs Elementor: Ortak Özellikleri Var mı?

Evet, iki inşaatçının birkaç ortak özelliği var. İşte ilk 3:

• Bireysel Düzenleme: Hem Elementor hem de Gutenburg, bireysel blokları düzenlemenize izin verir (ister bir paragraf, ister resim veya başka bir şekilde). Bu özellik önemlidir, çünkü her iki sayfa oluşturucunun da bu ihtiyacı karşılamak için zaman ve çaba harcadığını gösterir.
• Özel Düzenler: Hem Elementor hem de Gutenburg ile özel düzenler oluşturabilirsiniz. Başka bir deyişle, metninizin solda ve sağda bir görüntü olmasını istiyorsanız, bunu kolayca gerçekleştirebilirsiniz!
• Üçüncü taraf eklentilerle uyumlu: Elementor veya Guttenberg'in işlevselliğini genişletmek istiyorsanız, çevrimiçi olarak birçok uyumlu eklenti bulunmaktadır. Örneğin, Gutenburg ile formlarınızda veya galerilerinizde bazı özelleştirme özellikleri arıyorsanız, Gelişmiş Formlar'ı deneyin. Elementor ile görüntülerinizin nasıl göründüğü üzerinde daha fazla kontrol istiyorsanız, Image Intense'i deneyin.

Elementor vs Gutenburg: Farklar Nelerdir?

Elementor ve Gutenburg, her ikisi de kullanıcılarının web sitesi oluşturma deneyimini basitleştirmeyi vaat eden iki WordPress sayfa oluşturucusudur. Bunu, bir siteyi sıfırdan tasarlamayı klasik HTML düzenlemeyi kullanmaktan daha kolay, daha hızlı ve daha sezgisel hale getiren, sürükle ve bırak, blok tabanlı düzenleyiciler sağlayarak yaparlar.

Bununla birlikte, hem Elementor hem de Gutenburg'un farklılıkları vardır. İşte her birinin sunduğu şeylerin bir karşılaştırması:

Maliyet

Maliyet kararınızda bir faktörse, Gutenberg bu raundu eller aşağı kazanır. Elementor, seçtiğiniz plana bağlı olarak yılda 49 ila 999 dolar arasında değişen bir premium eklentidir. Ücretsiz sürüm oldukça sınırlıdır ve sitelerinizi oluştururken kullanmak isteyeceğiniz form alanları, galeriler veya çevirme kutuları gibi öğelerin çoğunu içermez.

Gutenberg, WordPress 5.0 ve sonraki sürümlerde ücretsiz olarak gelir. Daha eski bir WordPress siteniz varsa ve şimdi (veya gelecekte) 5.0'a yükseltmeye karar verirseniz, Gutenberg ekstra ücret ödemeden gezintiye çıkacaktır.

Özellikler

Elementor'un şöhret iddiası her zaman genişletilmiş özellikleri olmuştur. Web sitenizde Gutenberg'den daha fazla şey yapmanızı sağlar.

Görsel düzenleyici ile başlayalım. Elementor'un kullanımı çok daha kolaydır ve istediğiniz gibi özelleştirebileceğiniz bir sürü şablon, bölüm ve widget ile birlikte gelir.

Bir e-ticaret sayfasına ihtiyacınız varsa, Elementor'da var, Gutenberg'de ise henüz yok. Ayrıca Elementor'un içinden ayrıntılı sütunlar, satırlar, üstbilgiler, altbilgiler ve kenar çubukları oluşturabilirsiniz.

Kullanıcı dostu

Gutenberg'in kullanımı son derece kolaydır ve kullanıcı arayüzü (UI) basit bir yerleşim tasarımına sahiptir.

Elementor kullanırken kullanıcı arayüzü daha da kolaydır. Sadece birkaç fare tıklamasıyla web sitenizin ön ucunda sayfalar oluşturmanıza olanak tanıyan güzel bir sürükle ve bırak arayüzü oluşturdular.

Öğrenme eğrisi

Sayfa oluşturucularla ilgili deneyiminiz varsa, Gutenberg'i öğrenmek kolay olacaktır. Ancak, tamamen acemi iseniz, o zaman asılmadan önce bazı video eğitimlerini izlemeniz gerekebilir.

Öte yandan, genel olarak sayfa oluşturucular ve web siteleri hakkında hiçbir şey bilmiyorsanız, Elementor tam size göre. Yükleyebileceğiniz ve kalbinizin içeriğine göre özelleştirebileceğiniz birçok önceden oluşturulmuş şablonla birlikte gelir.

Her inşaatçının kendi öğrenme eğrisi vardır, ancak bunları nasıl kullanacağınızı öğrendikten sonra o kadar da zor değil.

Verim

Elementor'un özellikler ve özelleştirmeler açısından en iyi sayfa oluşturuculardan biri olduğuna şüphe yok. Ancak sahip olduğu tüm özellikler ile sitenize çok fazla kod yüklenmesini bekleyebilirsiniz. Bu nedenle, genel sitenizin performansını etkileyebilir.

Gutenberg sayfa oluşturucu, WordPress çekirdeğinin bir parçasıdır ve bu nedenle, içinde çok sayıda bloatware bulunan Elementor'a kıyasla daha hızlı yüklenir. SEO performansı ve kullanıcı deneyimi (UX) söz konusu olduğunda sayfa yükleme süresi önemli bir rol oynar. Bu nedenle, çok hızlı bir hız arıyorsanız ve arama motorlarında daha üst sıralarda yer almak istiyorsanız, Elementor yerine Gutenberg editörü ile gitmenizi tavsiye ederiz.

Gutenberg sayfaları, Google Page Speed ​​Insights veya GTMetrix gibi araçlarla test edildiğinde Elementor'dan daha iyi performans gösteriyor

Arka uç ve ön uç

WordPress dünyasında yeniyseniz, bir WordPress web sitesinde içeriği düzenlemenin birden fazla yolu olduğunu bilmiyor olabilirsiniz. İki tür düzenleyici vardır: arka uç ve ön uç (veya canlı) düzenleyiciler. Kullandığınız tür size bağlıdır ve büyük ölçüde tercihlerinize ve teknoloji ile rahatınıza bağlıdır.

Gutenberg bir arka uç editörüdür, yani onu kullandığınızda, doğrudan web sitenizin okuyucularının yayınınız veya sayfanız yayınlandıktan sonra göreceği ortamda çalışırsınız. Örneğin, metninizin bir bölümü için bir öğeyi hareket ettirmek veya farklı bir yazı tipi boyutunu test etmek istiyorsanız, bu değişikliklerin hiçbiri sayfa yayınlanana kadar size görünmez.

Artı tarafta, Gutenberg'de bir gönderiyi veya sayfayı düzenlerken bir şeyler ters giderse (olur), bu sorunu çözmek daha kolaydır. Evet—tüm düzenleme çalışmalarınız, kolayca tıklayabileceğiniz tanıdık bir ortamda yapıldı.

Elementor hem ön uç hem de arka uç düzenleyicisidir. Bir gönderide, sayfada veya taslakta sayfa oluşturucuyu kullanırken. Arka uç veya ön uç modunda çalışıyor olmanız fark etmez. Kullanmakta olduğunuz moddan bağımsız olarak her türlü değişiklik ve düzenlemeyi yapabilirsiniz.

Tema uyumluluğu

Seçtiğiniz eklentinin temanızla uyumlu olduğundan emin olmak çok önemlidir! Sonuçta, değilse, kullanamazsınız.

Gutenberg, varsayılan bir WordPress editörüdür ve herhangi bir temayla çalışır. Ancak tema ayarlarınızı, stillerinizi veya renklerinizi değiştirmediğinden, oluşturduğunuz içerik istediğiniz kadar ince ayarlı görünmeyebilir. Dolayısıyla Gutenberg'in sınırlarının ötesine geçmek istiyorsanız Elementor uyumlu bir temaya ihtiyacınız var.

Elementor, tüm WordPress temalarıyla mükemmel çalışır ancak Elementor için özel olarak oluşturulmuş premium temalarla kullanıldığında daha iyi bir iş çıkarır. Bu temalardan birini seçerseniz (ve birçoğu vardır), o zaman tüm varsayılan ayarlar senkronize edilir, böylece bunlar ile Elementor'da oluşturulan web sitenizin öğeleri arasında hiçbir çakışma olmaz.

Düzenleme özgürlüğü

Peki ya düzenleme özgürlüğü? Gutenberg'deki içeriği değiştirmekte özgürsünüz, ancak sayfa düzeni sınırsızdır. Editörün alt bilgisini, kenar çubuğunu, üst bilgisini veya herhangi bir genel öğesini düzenleyemezsiniz. Elementor, sayfadaki tüm öğeler üzerinde tam kontrol sağlar.

Elementor, belirli içerik türlerine dayalı özel şablonlar oluşturma konusunda da daha esnektir. Gönderiler ve sayfalar için önceden tanımlanmış şablonlar sunar ve istediğiniz kadar özelleştirilebilirler.

Hangisini Seçmelisiniz?

Bir blog başlatmak istediğinize karar verdiniz. Alan adınızı ayırttınız, bir barındırma planı seçtiniz ve kullanıma hazırsınız. Şimdi, arka uçta işlerin sorunsuz yürümesini sağlarken ihtiyacınız olan yaratıcı seçenekleri sağlayacak eklentiyi seçmenin zamanı geldi.

Basit bir web sitesi oluşturmak için bir araç arıyorsanız ve gereksiz öğelerle (ve dolayısıyla yavaşlamasını) istemiyorsanız, Guttenberg, Elementor'dan daha az fazla koda sahiptir. Daha az şişkinlik, daha yüksek arama motoru sıralamalarına eşit olan daha hızlı yükleme hızları anlamına gelir.

Yüksek sayfa yükleme hızını korumak, arama motorlarında iyi bir sıralama elde etmek için çok önemlidir, ancak çekici bir tasarım kullanmak da öyle.

Peki ya basit bir siteden daha fazlasını istiyorsanız?

Eğer öyleyse, Elementor'un en iyi bahsiniz olacağı ihtimali vardır, çünkü arayüz, bölümler ve sütunlar gibi daha karmaşık düzenler oluşturmaya gelince çok daha kolay ve hızlıdır.

Ve hepimiz SEO'nun ne kadar önemli olduğunu bildiğimiz için hızlı yüklenen bir web sitesi tasarlamanız gerekiyor. Elementor, mükemmelden daha az optimize edilmiş bir kod pahasına gelebilir (işlevsellik için küçük bir fiyat). Ancak, Assets Cleanup, Perfmatters vb. gibi şişkinliği gideren eklentileri kullanmak gibi bu şişirilmiş kodun etrafında yollar vardır.

Çözüm

Hem Gutenberg hem de Elementor, fazla teknik bilgiye sahip olmayan yeni başlayanlar için harika seçeneklerdir. İkisi de işini iyi yapıyor ama ikisinin de güçlü ve zayıf yönleri var. Her biri belirli bir amaç için en uygunudur.

Web sitenize önceden hazırlanmış çok sayıda şablon ve aralarından seçim yapabileceğiniz bloklarla daha şık bir görünüm ve his vermek istiyorsanız Elementor en iyisidir. Ayrıca size herhangi bir sayfanın tam düzenleme yeteneklerini sunar.

Gutenberg ise düğmeler, tablolar, YouTube yerleştirmeleri ve diğer benzer öğeleri eklemeyi kolaylaştırır. Hızlı şişkinlik içermeyen sayfalar oluşturur ve kenar boşluklarına ve dolguya aşina değilseniz bu sizin için bir nimettir.

Bu nedenle, net bir kazananımız yok. Sizin için en iyi sayfa oluşturucu bütçenize, teknik becerilerinize ve web sitesi tasarımı ihtiyaçlarınıza bağlı olacaktır.

WooCommerce W/O Eklentisinde İstek Listesi Nasıl Eklenir