Elementor vs Breakdance: Özellik Karşılaştırması (Tarafsız)

Yayınlanan: 2022-11-25

WordPress sayfa oluşturucu eklenti segmentindeki rekabet giderek daha da sıkılaşıyor. Elementor hala pazar lideri olurken, birçok rakip tahtı ele geçirmeye çalışıyor. Breakdance bu rakiplerden biridir. Bu makale Elementor ve Breakdance tarafından sunulan özellikleri karşılaştıracak ve ana amacı bir sonraki projeleriniz için en iyi seçeneği seçmenize yardımcı olmaktır.

İlk önce Breakdance tanıtımıyla başlayalım, Elementor'un aksine henüz ona aşina olmadığınızdan oldukça eminiz.

Breakdance, Soflyy'den (Oxygen'in geliştiricisi) yeni bir sayfa oluşturucu eklentisidir. Editör açısından, Breakdance ve Oxygen arasında pek bir fark yoktur (Breakdance'in aydınlık modda mevcut olduğu ve Oxygen'in varsayılan olarak karanlık modu sunduğu varsayılan görünüm dışında). Ancak genel düzenleme deneyimi çok farklı değil.

Breakdance ve Oxygen arasındaki en dikkate değer fark, onları nasıl elde ettiğinizdir. Breakdance almak için yıllık abonelik yapmanız gerekir. Oksijen alırken bir kez ödeme yapabilirsiniz.


Elementor ve Breakdance: Hedef Pazar

Fiyatlandırma planlarını öğrenerek bir WordPress eklentisinin hedef pazarını kolayca belirleyebilirsiniz. Breakdance'in fiyatlandırma sayfasına baktığınızda, yalnızca bir fiyatlandırma planı göreceksiniz yıllık 349 $'a mal olan seçenek (normal fiyat). Bu plan, lisansınızı sınırsız web sitesinde kullanmanıza izin verir. Buradan, Breakdance'in ajanslara ve müşteriler için web siteleri oluşturan serbest çalışanlara yönelik olduğu sonucuna kolayca varabilirsiniz.

Breakdance fiyatlandırma planı
Daha Fazla Breakdance Fiyatlandırması Öğrenin

Bu arada Elementor, tüm WordPress kullanıcı katmanlarını hedefliyor. Blog yazarlarından, çevrimiçi işletme sahiplerine, serbest çalışanlara ve ajanslara. Elementor, ihtiyaçlarınıza göre seçebileceğiniz dört fiyatlandırma planı sunar. Örneğin, bir blogla ilgilenen bir blog yazarıysanız, yılda yalnızca 59 ABD Doları tutarındaki Essential planına abone olabilirsiniz.

Elementor fiyatlandırma planı
Daha Fazla Elementor Fiyatlandırma Planı Öğrenin

Elementor ve Breakdance: Genel Özellikler

İlk önce ilk şey. Burada Breakdance ile karşılaştıracağımız Elementor versiyonu pro versiyonudur. Elementor'u daha önce kullanmadıysanız, Elementor Free ve Pro arasındaki farkları bu yazıda okuyabilirsiniz.

— Tema Oluşturucu

Hem Elementor (daha kesin olarak Elementor Pro) hem de Breakdance bir tema oluşturucu özelliğiyle birlikte gelir. Bu özellik ile sitenizin üstbilgi, altbilgi, tek gönderi, arşiv sayfaları, 404 sayfası vb. bölümleri için özel şablonlar oluşturabilirsiniz. Kullandığınız sayfa oluşturucunun düzenleyicisini kullanarak görsel olarak özel bir şablon oluşturabilirsiniz.

Elementor'un tema oluşturucu özelliği, üst bilgi, alt bilgi vb. parçalar için özel şablonlar oluşturmanıza olanak tanır. Breakdance de öyle.

İster Elementor ister Breakdance olsun, bir şablonun nereye uygulanacağını (tüm site, belirli sayfalar, belirli gönderiler vb.) ayarlamak için bir görüntüleme koşulu belirlemenize olanak tanır.

elementor Break dans
Başlık Evet Evet
Altbilgi Evet Evet
Tek gönderi Evet Evet
bekar yaş Evet Evet
Arşiv sayfaları (kategori, etiket, yazar) Evet Evet
Arama sonuçları sayfası Evet Evet
404 sayfa Evet Evet
Özel Gönderi Türü Evet Evet

— WooCommerce Oluşturucu

WooCommerce, WordPress sitenize e-ticaret işlevselliği eklemek için popüler bir eklentidir. WooCommerce'i kurup etkinleştirdikten sonra, WordPress sitenizde aşağıdaki sayfaları ve şablonları bulacaksınız.

  • Mağaza sayfası
  • Sepet sayfası
  • ödeme sayfası
  • Hesaplarım sayfası
  • Tek ürün şablonu
  • Ürün arşivi şablonu

WooCommerce ayarları sayfasından varsayılan WooCommerce sayfalarını (mağaza sayfası, alışveriş sepeti sayfası, ödeme sayfası ve Hesaplarım sayfası) değiştirmek için özel sayfalar ayarlayabilirsiniz.

Elementor ve Breakdance, yukarıdaki sayfalar için tasarlanmış faydalı öğelerle birlikte gelir. Örneğin Breakdance, Breakdance ile oluşturulan özel ödeme sayfanıza ekleyebileceğiniz Ödeme Sayfası öğesini sunar.

Peki ya WooCommerce şablonları?

Varsayılan site bölümleri için özel şablonlar oluşturmanın yanı sıra Elementor ve Breakdance'in tema oluşturucu özelliği, WooCommerce bölümleri için aşağıdaki şekilde özel şablon oluşturmanıza da olanak tanır:

  • Tek ürün sayfası
  • Ürün arşiv sayfaları
elementor Break dans
Mağaza sayfası Evet Evet
Sepet sayfası Evet Evet
Ödeme sayfası Evet Evet
Hesaplarım sayfası Evet Evet
Tek ürün şablonu Evet Evet
Ürün arşivi şablonu Evet Evet

— Form Oluşturucu

Hem Elementor hem de Breakdance, form oluşturmaya adanmış öğelerle birlikte gelir. Elementor'un form oluşturmak için iki öğesi vardır: oturum açma formu oluşturmak için Oturum açma pencere öğesi ve çok çeşitli form türleri oluşturmak için Form pencere öğesi.

Bu arada Breakdance, form oluşturmaya ayrılmış dört öğeye sahiptir: Parolamı Unuttum Formu, Form Oluşturucu, Oturum Açma Formu ve Kayıt Formu.

# Elementor Form Oluşturucu

Yukarıda bahsedildiği gibi Elementor, form oluşturmak için iki öğe (widget) sunar. Web sitenizde özel bir giriş sayfası oluşturmak için Giriş widget'ını kullanabilirsiniz. Diğer form türlerini oluşturmak için Form widget'ını kullanabilirsiniz.

Elementor'un Form widget'ı aşağıdaki alan türlerini destekler:

  • Metin
  • E-posta
  • Metin Alanı
  • URL
  • Telefon
  • Radyo
  • Seçme
  • onay kutusu
  • Kabul
  • Sayı
  • Tarih
  • Zaman
  • Dosya yükleme
  • Şifre
  • HTML
  • Gizlenmiş

Formunuzu spam yapanlardan korumak için formunuzu Honeypot veya reCAPTCHA ile entegre edebilirsiniz. Elementor'da isterseniz çok adımlı bir form da oluşturabilirsiniz.

Elementor'un Form widget'ı aşağıdaki eylemleri destekler:

  • e-postaya gönder
  • MailChimp'e gönder
  • ActiveCampaign'e gönder
  • GetResponse'a gönder
  • ConverKit'e gönder
  • MailerLite'a gönder
  • MailPoet'e gönder
  • weMail'e gönder
  • Slack'e gönder
  • Discord'a gönder
  • Damlaya Gönder
  • Bir açılır pencere aç

Ayrıca Elementor, form gönderimlerinizi veritabanınıza kaydetmek istemeniz durumunda yerleşik bir gönderim yöneticisi ile birlikte gelir.

# Breakdance Form Oluşturucu

Breakdance, Elementor'dan daha fazla form widget'ıyla birlikte gelir. Belirli bir form türü için dört öğeye sahiptir:

  • Şifremi Unuttum Formu: Kayıp bir şifremi unuttum formu oluşturmak için
  • Giriş Formu: Bir giriş formu oluşturmak için
  • Kayıt Formu: Kayıt formu oluşturmak için
  • Form Oluşturucu: Diğer e-posta katılım formuna, iletişim formuna vb.

Breakdance'in Form Oluşturucu öğesi aşağıdaki alan türlerini destekler:

  • Metin
  • E-posta
  • Metin Alanı
  • Telefon numarası
  • Radyo
  • onay kutusu
  • Seçme
  • Sayı
  • Tarih
  • Zaman
  • Şifre
  • Gizlenmiş
  • HTML

Eylem için şunları destekler:

  • ActiveCampaign'e gönder
  • JavaScript'e gönder
  • Damla Gönder
  • Discord'a gönder
  • Slack'e gönder
  • e-postaya gönder
  • GetResponse'a gönder
  • MailChimp'e gönder
  • MalierLite'a gönder
  • Bir açılır pencere aç

Breakdance ayrıca yerleşik bir gönderme yöneticisi ile birlikte gelir. Ayrıca, belirli bir parametreye dayalı bir alanı göstermenize izin vermek için koşullu mantığı destekler. Örneğin, bir alanı yalnızca önceki alan doldurulduğunda görünecek şekilde ayarlayabilirsiniz.

elementor Break dans
Desteklenen alan sayısı 16 13
Üçüncü taraf entegrasyonu Evet Evet
Yerleşik gönderim yöneticisi Evet Evet
çok adımlı Evet Numara
koşullu mantık Numara Evet
Form güvenliği Honeypost, reCAPTCHA Honeypost, reCAPTCHA
Giriş Formu Evet Evet
Kayıt formu Numara Evet
Kayıp şifre formu Numara Evet

— Açılır Pencere Oluşturucu

Bir açılır pencere oluşturucunun WordPress'te birçok kullanımı vardır. Çoğu WordPress kullanıcısı, bir e-posta katılım açılır penceresi oluşturmak için bir açılır pencere oluşturucu kullansa da, bunu web sitenize belirli bir özellik eklemek için de kullanabilirsiniz. Örneğin, tam ekran bir menü oluşturmak için bir açılır pencere oluşturucu kullanabilirsiniz.

İster Elementor ister Breakdance, aşağıdakileri oluşturmak için kullanabileceğiniz gelişmiş bir açılır pencere oluşturucu özelliğiyle birlikte gelir:

  • E-posta kaydolma açılır penceresi
  • Tam ekran menü
  • Bildirim çubuğu
  • içerik dolabı

Elementor veya Breakdance kullanarak bir açılır pencere oluştururken, açılır pencere oluşturma işlemi ilgili düzenleyicide yapıldığından tasarım üzerinde tam kontrole sahipsiniz. Yani teknik olarak, istediğiniz herhangi bir öğeyi ekleyebilirsiniz.

Elementor ve Breakdance'in açılır pencere oluşturucusu, web sitenizde bir açılır pencerenin nerede görüneceğini ayarlamanıza izin vermek için görüntüleme koşulunu destekler. Tüm web sitesinde, belirli sayfalarda veya gönderilerde. Ayrıca, bir açılır pencerenin nasıl görüneceğini ayarlamak için aşağıdaki tetikleyici türlerini ayarlayabilirsiniz:

elementor Break dans
Sayfa yüklemesinde Evet Evet
Sayfa kaydırmada Evet Evet
Tıklamada Evet. Düğme ve seçici Evet. seçici
Hareketsizlikten sonra Evet Evet
Çıkış niyeti Evet Evet
Oturum açmış kullanıcılar için gizle Evet Evet
Belirli tarayıcılarda göster Evet Evet
Belirli cihazlarda göster Evet Evet
Arama motorlarından geliyor Evet Evet

— Dinamik İçerik

Hem Elementor hem de Breakdance, tema bölümleriniz (üstbilgi, altbilgi, arşiv sayfaları vb.) için özel şablonlar oluşturmanıza olanak tanıyan bir tema oluşturucu özelliğiyle birlikte gelir. Özel şablonlarınıza sayfa başlığı, arşiv başlığı, öne çıkan görsel vb. gibi dinamik içerikler ekleyebilirsiniz.

Elementor ve Breakdance, WordPress'in varsayılan dinamik içeriğine (sayfa başlığı, arşiv başlığı vb.) ek olarak, CPT UI ve ACF gibi eklentilerden gelen özel dinamik içeriği de destekler.

elementor Break dans
Yazı başlığı Evet Evet
Alıntı Gönder Evet Evet
Mesaj İçeriği Evet Evet
Metayı Yayınla Evet Evet
Arşiv Başlığı Evet Evet
Arşiv Açıklaması Evet Evet
Özellikli resim Evet Evet
Kullanıcı Avatarı Evet Evet
Kullanıcı Biyografisi Evet Evet
Özel Gönderi Türü Evet Evet
Özel Alanlar Evet Evet

— Döngü Oluşturucu

Döngü oluşturucu, karmaşık, dinamik bir web sitesi oluşturmak için yararlı bir özelliktir.

Diyelim ki bir ilan web sitesi (örneğin, bir mülk listeleme web sitesi) oluşturmak istiyorsunuz. Listelenen öğeleri görüntülemek için özel bir listeleme sayfası oluşturmayı planlıyorsunuz. Elementor'da böyle bir ihtiyaç için Posts widget'ını kullanabilirsiniz. Breakdance'deyken Gönderi Listesi öğesini kullanabilirsiniz.

Ancak, bu öğeler size listeleme öğesine özel meta veriler ekleme özgürlüğü vermez. Elementlerin sunduklarıyla sınırlısın.

Daha net hale getirmek için, bir örnek alalım. Liste kaydı öğelerinize aşağıdaki gibi bir yıldız derecelendirmesi eklemek istediğinizi varsayalım:

Bir döngü oluşturucu, listeleme öğeniz için özel bir şablon oluşturmanıza ve bunu istediğiniz yerde kullanmanıza olanak tanır. Elbette, yıldız derecelendirmesi de dahil olmak üzere listeleme öğesi şablonunuza herhangi bir öğeyi (statik veya dinamik) ekleyebilirsiniz.

Hem Elementor hem de Breakdance, bir döngü oluşturucu özelliğiyle birlikte gelir.

Bu makalenin yazıldığı sırada (Kasım 2022), Elementor'un döngü oluşturucu özelliği hâlâ beta aşamasındadır. Öte yandan, Breakdance'in döngü oluşturucusu zaten kararlı bir sürümde, bu yüzden kullanıma hazır olması daha iyi. Döngü şablonunuza özel alan verileri ekleyebilirsiniz.

— Kullanıcı Erişim Yöneticisi

Bir ajans veya serbest çalışansanız ve genellikle müşteriler için web siteleri oluşturuyorsanız, kullanıcı erişim yöneticisi sizin için kullanışlı bir özelliktir. Bu özellikle, müşterilerinize oluşturduğunuz sayfalara erişim izni verebilirsiniz, ancak tasarım ayarlarını değiştirme olanağı yoktur. Bunun yerine, yalnızca içeriği değiştirebilirler.

Bu bağlamda User Access Manager, belirli bir kullanıcı rolü için ayarlar panelindeki stiller sekmesini devre dışı bırakarak çalışır. Örneğin, Düzenleyici rolü için Kullanıcı Erişim Yöneticisi'ni etkinleştirirseniz, Düzenleyici rolüne sahip tüm kullanıcılar stil sekmesine erişemez.

Ayarlar paneli normal durumda
Kullanıcı Erişim Yöneticisi etkinleştirildikten sonra ayarlar paneli

Kullanıcı Erişim Yöneticisi, tüm müşterilerin bir tasarım becerisine sahip olmaması nedeniyle sık sık müşteriler için web siteleri oluşturuyorsanız kullanışlı bir özelliktir. Tasarım üzerinde tam kontrol verirseniz tasarımınızı bozabilirler.

Kullanıcı Erişim Yöneticisi, hem Elementor'da hem de Breakdance'te mevcuttur.

- Diğer özellikler

Elementor ve Breakdance, yukarıdaki temel özelliklere ek olarak işinizi kolaylaştıracak bazı ek özellikler de sunar. Web sitenize özel bir kod (ör. Google Analytics izleme kodu), işlem bağlantıları ve çok yakında ve bakım modu eklemek için kullanabileceğiniz kod yerleştirici gibi.


Elementor ve Breakdance: Tasarım Özellikleri

— Duyarlı Düzenleme

Duyarlı düzenleme, bir sayfa oluşturucu eklentisi seçerken dikkat etmeniz gereken önemli özelliklerden biridir. Bu özellik sayesinde, sayfanızın tasarımını (veya özel şablonlarınızı) tüm cihaz ekran boyutları için optimize edebilirsiniz.

Genel olarak, web tasarımı bağlamında üç ekran boyutu vardır: masaüstü, tablet ve akıllı telefon. Tasarımınızı her cihazın ekran boyutuna göre özelleştirebilirsiniz. Hem Elementor hem de Breakdance, duyarlı düzenleme özellikleri sayesinde bunu yapmanıza izin verir.

Tasarımınızı belirli bir cihaz ekran boyutuna göre optimize etmeye başlamak için düzenleme modunu değiştirebilirsiniz (varsayılan mod masaüstüdür). Elementor'da, cihaz modları arasında geçiş yapmak için ayarlar panelinin alt tarafındaki cihaz simgesine tıklayabilirsiniz:

Aralarından seçim yapabileceğiniz üç cihaz türü vardır: masaüstü, tablet ve akıllı telefon. Tasarımınızı belirli bir ekran boyutu için optimize etmek istiyorsanız, özel bir kesme noktası da ayarlayabilirsiniz (kesme noktası, web sitesi içeriğinin, cihazın genişliğine göre piksel olarak yanıt verdiği noktadır).

Özel bir kesme noktası ayarlamak için, üst çubuk alanındaki dişli simgesini tıklayıp ardından ayarlar paneline gidebilirsiniz.

Breakdance'te, düzenleyicide üst çubukta bulunan cihaz simgesine tıklayarak cihaz modları arasında geçiş yapabilirsiniz. Halihazırda aralarından seçim yapabileceğiniz 5 cihaz ekran boyutu seçeneğiniz var. İsterseniz özel kesme noktaları da ayarlayabilirsiniz.

Tasarımınızı daha küçük bir cihaz ekranı (örneğin akıllı telefon) için optimize etmek üzere bir öğeyi de devre dışı bırakabilirsiniz. Gerekirse, bir bölümdeki sütunları da tersine çevirirsiniz.

elementor Break dans
Özel Kesme Noktaları Evet Evet
Sütunları Ters Çevir Evet Evet
Öğeleri Göster/Gizle Evet Evet

- Düzen

# Sayfa düzeni

Elementor'un sunduğu kullanışlı özelliklerden biri, sayfa düzenini düzenleyiciden ayarlama yeteneğidir. Sayfanızı düzenlemeye başlamadan önce, sayfa düzenini ayarlamak için ayarlar panelinin alt tarafındaki dişli simgesini tıklayabilirsiniz. Aşağıdaki sayfa düzeni seçeneklerine sahipsiniz:

  • Varsayılan: Site Ayarları'ndan belirlediğiniz varsayılan sayfa düzeni
  • Elementor Canvas: Boş sayfa düzeni. Üstbilgi ve altbilgi olmadan
  • Elementor Tam Genişlik: Elementor Canvas'a benzer, ancak üst bilgi ve alt bilgi ile
  • Tema: Temanızın varsayılan sayfa şablonu

Breakdance'te yalnızca iki sayfa düzeni seçeneğiniz vardır: boş ve varsayılan. Bunu da Gutenberg düzenleyicisinden sayfa düzenini ayarlamanız gerekir. Breakdance, sayfa düzenini düzenleyiciden ayarlama seçeneği sunmaz.

- Dizayn görünümü

Genel olarak, bir sayfa oluşturucudaki öğeler üç türe ayrılır: bölüm, sütun ve gerçek tasarım öğeleri (Elementor'da pencere öğeleri olarak adlandırılır). Her yeni öğe eklediğinizde, yerleşimini ayarlayabilirsiniz. Ayrıca, kenar boşluğunu etrafındaki diğer öğelerle ayarlayabilirsiniz.

Elementor ve Breakdance tarafından sunulan tasarım düzeni özelliklerinden biri de flexbox'tır. Bu özellik, öğeleri bir bölümdeki her sütuna hizalamanıza ve dağıtmanıza olanak tanır. Dikey veya yatay olsun.

Hem Elementor hem de Breakdance zaten esnek kutu seçeneklerine sahiptir. Elementor, daha fazla tasarım düzeni esnekliği sunmak için yeni bir flexbox konteyner özelliğine bile sahiptir.

Flexbox'a ek olarak satır içi konumlandırma, özel konumlandırma ve Z-Index gibi diğer tasarım düzeni seçeneklerini de kullanabilirsiniz.

elementor Break dans
Özel Konumlandırma Evet Evet
Z-Index Evet Evet
Flexbox Hizalama Evet Evet
Satır İçi Konumlandırma Evet Evet
Kenar Boşluğu ve Dolgu Evet Evet

— Medya ve Varlıklar

Medya unsuru olmayan bir tasarım tatsız olacaktır. Medya öğesi resim, resim ve simge olabilir. Bu ortam öğesi türlerini Elementor veya Breakdance tasarımınıza zahmetsizce ekleyebilirsiniz.

# Simge

Elementor, kullanıcılara simge kitaplığı sağlamak için Font Awesome'e (ücretsiz sürüm) güvenir. Kendi simgenizi kullanmak istiyorsanız Elementor ayarları sayfasından yükleyebilirsiniz.

Bu arada Breakdance, iki simge sağlayıcı kullandığından daha fazla simge koleksiyonu sunar: Font Awesome (ücretsiz sürüm) ve IconMoon (ücretsiz sürüm). Özel simgeler kullanmak istemeniz durumunda kendi simge setinizi de yükleyebilirsiniz.

# Resim

Tüm sayfa oluşturucuların ortak bir noktası vardır. Tasarımınıza resim eklemenizi sağlar. Farklı olan, resimlerinize uygulayabileceğiniz stiller.

Elementor ve Breakdance'te kenarlık yarıçapı, boyut ve hizalama gibi temel ayarları uygulayabilirsiniz. Bu temel ayarlara ek olarak, görüntü maskeleme ve CSS filtreleri gibi daha gelişmiş stiller de uygulayabilirsiniz.

İster Elementor ister Breakdance, sitenizin hızını korumak ve hatta iyileştirmek için yerleşik bir yavaş yükleme ayarıyla birlikte gelir.

# video

Video, Elementor ve Breakdance'te tasarımınıza ekleyebileceğiniz başka bir medya öğesidir. YouTube, Vimeo ve DailyMotion gibi hizmetlerden video ekleyebilirsiniz. Elbette, kendi videonuzu da yükleyebilirsiniz.

İster Elementor ister Breakdance olsun, videolarınızın davranışını kontrol etmenizi sağlar. Örneğin, bir videoyu sürekli oynatılacak şekilde ayarlamak için döngü seçeneğini etkinleştirebilirsiniz. Veya bir videonun sessiz oynatılmasını istiyorsanız sesi kapatabilirsiniz. Site hızı uğruna, bir videoya yavaş yüklemeyi de etkinleştirebilirsiniz.

elementor Break dans
Simge Kitaplığı Harika yazı tipi Harika Yazı Tipi, IconMoon
Arka Plan Videoları Evet Evet
Arka Plan Slayt Gösterisi Evet Evet
Görüntü Maskeleme Evet Evet
tembel yük Evet Evet

— Renk ve Efektler

Elementor ve Breakdance, tasarımınızda renklerle oynamanıza izin verir. Ayrıca kutu gölgesi ve CSS filtresi gibi efektler ekleyebilirsiniz.

Elementor'da bulunmayan bir Breakdance özelliği, gelişmiş gradyan oluşturucudur. Breakdance'te birden çok renkten (ikiden fazla) oluşan bir degrade oluşturabilirsiniz.

Degradeyi bir düğmeye, metne ve bölüme ve sütun arka planına uygulayabilirsiniz. Hatta degrade arka planı, hızı ve ölçeği kontrol edebileceğiniz harika bir animasyona dönüştürebilirsiniz.

Elementor'da bir degradeye en fazla iki renk ekleyebilirsiniz. Ayrıca, geçişinizi yukarıdaki gibi bir animasyona dönüştürme seçeneği yoktur.

Ancak Elementor, web sitenize dinamik renk eklemek istiyorsanız kullanışlı olan dinamik bir renk özelliğine sahiptir (ACF ile entegrasyon gerektirir). Bu özelliği, örneğin sayfalarda dinamik bir arka plan oluşturmak için kullanabilirsiniz. Başka bir örnek olarak, blog yazısı başlıkları için özel bir renk oluşturmak için kullanıyorsunuz.

Elementor ve Breakdance tarafından sunulan bir diğer renkle ilgili özellik de global renktir. Bu özellik, özellikle birden çok sayfadan ve öğeden oluşan bir web siteniz varsa son derece kullanışlıdır. Global bir renkle, birden çok öğenin rengini tek bir tıklamayla aynı anda değiştirebilirsiniz. Aynı sayfada veya farklı sayfalarda olsun.

elementor Break dans
Küresel Renkler Evet Evet
Dinamik Renk Evet Numara
Gradyan maksimum 2 renk İkiden fazla renk
Arka plan yerleşimi Evet Evet
CSS Filtreleri Evet Evet
Kutu Gölgesi Evet Evet

— tipografi

Elementor ve Breakdance, tasarımınıza metin öğeleri eklemeye adanmış bazı öğelerle birlikte gelir. Örneğin, bir sayfaya başlık öğesi eklemek için Başlık öğesini kullanabilirsiniz. Elbette, rengi, yazı tipi ailesini, yazı tipi boyutunu vb. ayarlama gibi metni de özelleştirebilirsiniz.

Hem Elementor hem de Breakdance, bir dizi yazı tipi ailesi sunmak için Google Yazı Tipleri ile entegre edilmiştir. Elementor ve Breakdance'te özel bir yazı tipi eklemek de mümkündür. Elementor, woff, woff2 ve ttf biçimlerini destekler. Breakdance yalnızca woff ve woff2'yi desteklerken.

İster Elementor ister Breakdance, global bir yazı tipi eklemenizi sağlar. Birden fazla sayfadan oluşan bir web siteniz varsa, global renkle aynı olan global yazı tipi de kullanışlıdır. Birden çok metindeki yazı tipi ayarını tek bir tıklamayla aynı anda değiştirebilirsiniz.

Breakdance'te bulunan ve Elementor'da bulunmayan bir özellik, bir metne degrade uygulama yeteneğidir.

Elementor'da bir degrade metin oluşturmak için CSS koduyla uğraşmanız gerekir.

elementor Break dans
Küresel Tipografi Evet Evet
Tipografi Kontrolü Evet Evet
Özel yazı tipleri Evet Evet
Metin Vuruşu Efekti Evet Evet
Degrade Etkisi Numara Evet

— Hareketler ve Etkileşimler

Yukarıda açıkladığımız gibi Breakdance, bir arka plan gradyanı oluşturmanıza ve onu animasyonlu bir arka plana dönüştürmenize olanak tanır. Kilidini açabileceğiniz animasyon özelliklerinden sadece biridir. Animasyonla ilgili kullanabileceğiniz birkaç başka özellik daha vardır. Fareyle üzerine gelme efekti, fare efekti, paralaks efekti vb.

Breakdance ile aynı olan Elementor, sayfanızın daha canlı görünmesini sağlamak için bazı yerleşik özelliklerle birlikte gelir. İşte Elementor ve Breakdance tarafından sunulan animasyonla ilgili bazı özellikler.

elementor Break dans
Kaydırma Efektleri Evet Evet
Fare Efektleri Evet Numara
Hover Animasyonu ve CSS Dönüşümü Evet Evet
Giriş Animasyonları Evet Evet
Paralaks Arka Planı Evet Numara
Yapışkan Efektler Evet Evet
Hareketli Gradyan Arka Planı Numara Evet

— Özel CSS

Elementor veya Breakdance'te belirli bir ihtiyaç için yerleşik ayar bulamazsanız, özel CSS ekleyebilirsiniz. Hem Elementor hem de Breakdance, tasarımınıza özel CSS eklemenizi sağlar.

Özel CSS ekleme yöntemi, Elementor ve Breakdance'te aynıdır. CSS kodunu uygulamak istediğiniz öğeyi hedeflemek için bir seçiciyle başlayabilirsiniz. Ancak, Elementor veya Breakdance tarafından sağlanan öğe seçiciler için resmi bir sayfa olduğundan, öğeyi kendiniz incelemeniz gerekir, bu da yeterince zaman alır. Elementor'a özel CSS eklerken işinizi kolaylaştırmak için Elementor pencere öğesi seçicilerinin listesini oluşturduk.

Özel CSS söz konusu olduğunda Elementor ile ilgili güzel bir şey, yanlış yazmayı önlemenin yanı sıra zamandan tasarruf etmek için CSS özelliklerinin otomatik tamamlama özelliğidir. Breakdance'in benzer bir özelliği yoktur.

Önceden tanımlanmış seçiciler aracılığıyla bir öğeye özel CSS eklemeye ek olarak, tema özelleştiricideki Ek CSS bloğu veya temanızdaki özel bir CSS dosyası aracılığıyla da özel CSS ekleyebilirsiniz. Belirli bir bildirimin CSS sınıfını veya CSS kimliğini, bildirimi uygulamak istediğiniz öğeye ekleyebilirsiniz. Hem Elementor hem de Breakdance, bir öğeye CSS sınıfı veya kimliği eklemenizi sağlar.


Karar

Elementor ve Breakdance, WordPress'te bir web sitesi oluşturmanızı kolaylaştıran harika sayfa oluşturucu eklentileridir. İkisinin modern, benzer bir düzenleyicisi var. Gerçek şu ki, hem Elementor hem de Breakdance, en popüler JavaScript çerçeveleriyle oluşturulmuştur. Elementor, React.js ile, Breakdance ise Vue.js ile oluşturulmuştur.

Hem Elementor hem de Breakdance de benzer özellikleri kullanıcılara sunuyor. Tema oluşturucu, WooCommerce oluşturucu, açılır pencere oluşturucu, form oluşturucudan döngü oluşturucuya.

Fiyatlandırma açısından, Breakdance açıkça tüm WordPress kullanıcılarını hedef almıyor. Bunun yerine, müşteriler için web siteleri oluşturan ajanslara ve serbest çalışanlara odaklanır. Bu arada, Elementor herkesi hedefliyor. Yalnız bir blog yazarı, küçük işletme sahipleri, ajanslar vb. Her kullanıcı tipi için farklı planları vardır. Ancak özellik açısından Elementor ve Breakdance çok farklı değil. Küçük farklılıklar var, ancak çok önemli değil.

Elementor'u indirin
Breakdance'i indirin