2022 Karşılaştırılan En İyi 10 WordPress Sayfa Oluşturucu Eklentisi

Web siteniz için en iyi WordPress sayfa oluşturucuya karar vermeye mi çalışıyorsunuz?

Kararınızı vermenize yardımcı olmak için 10 farklı WordPress sayfa oluşturucuyla çalıştım. Evet – bunların her birini kullandım – bu sadece pazarlama metnine dayalı bir liste değil .

Bu 10 WordPress sayfa oluşturucuyu beş kategoride objektif olarak karşılaştıracağım:

1. Arayüz – arayüz nasıl çalışır ve güzel sayfalar oluşturmayı kolaylaştırır mı?
2. Dahil edilen widget'lar/şablonlar - sayfalarınızı oluşturmak için hangi seçeneklere sahipsiniz?
3. Stil seçenekleri – sayfanızdaki öğeleri nasıl şekillendirebilirsiniz?
4. Diğer dikkate değer özellikler – sayfa oluşturucu dikkate değer benzersiz özellikler sunuyor mu?
5. Kilitleme – eklentiyi devre dışı bırakmak isterseniz ne olur? Özel stilinizi her zaman kaybedersiniz, ancak bazı sayfa oluşturucular arkalarında aksi takdirde temiz kod bırakırken diğerleri bırakmaz.

Her kategori için sayfa oluşturucuya 5 üzerinden bir puan vereceğim.

Ardından, sonunda her şeyi bir araya getireceğim ve en iyi WordPress sayfa oluşturucu olduğunu düşündüğüm şeyi önereceğim.

İşte inceleyeceğim 10 WordPress sayfa oluşturucu – belirli bir sayfa oluşturucuya atlamak için tıklayabilirsiniz:

• eleman
• Kunduz Oluşturucu
• Divi Oluşturucu
• Thrive Mimarı
• SiteOrigin Sayfa Oluşturucu
• WPBakery Sayfa Oluşturucu
• Tema Oluşturucu
• Brizy
• Görsel Besteci
• WP Sayfa Oluşturucu

Veya doğrudan karşılaştırma tablosuna gidebilirsiniz.

1. Öğe

İlk olarak 2016 yılında piyasaya sürülen Elementor, bu listedeki en genç sayfa oluşturuculardan biridir. Ancak geç başlamasına rağmen, Elementor WordPress.org'da hızlı bir şekilde 3.000.000'den fazla aktif kurulum gerçekleştirdi ve bu da onu, en azından WordPress.org sayılarıyla en popüler sayfa oluşturucu haline getirdi.

Şöhret iddiası, hızlı, hatasız bir görsel arayüz, esnek stil seçenekleri ve tam tema oluşturma gibi güçlü diğer özelliklerdir.

Sadece bir sayfa düzenleyici olarak başlasa da, Premium sürüm Elementor Pro, artık sayfa oluşturmaktan çok daha fazlasını yapmanıza izin veriyor. En dikkate değer iki özellik şunlardır:

• Tema Oluşturucu – aynı kullanışlı Elementor arayüzünü kullanarak tüm temanızı tasarlayın. Buna üstbilgi, altbilgi, arşiv sayfaları, tek gönderi sayfaları, WooCommerce ürün/mağaza sayfaları, özel gönderi türü şablonları vb. dahildir. Ortak öğeler için özel widget'lar alırsınız ve hatta özel alanlardan dinamik olarak içerik ekleyebilirsiniz.
• Popup Builder – tam Elementor arayüzünü kullanarak esnek açılır pencereler tasarlayın. E-posta katılım açılır pencereleri, iletişim formu açılır pencereleri, oturum açma açılır pencereleri ve daha fazlasını oluşturmanıza olanak tanıyan tüm normal Elementor widget'larını dahil edebilirsiniz.

Bu iki ekleme, Elementor'un rekabette öne çıkmasına gerçekten yardımcı oluyor. Tema oluşturma popüler bir özellik haline gelmesine rağmen, açılır pencere oluşturucu hala oldukça benzersizdir.

Elementor Pro incelememizi okuyun.

Fiyat: Ücretsiz çekirdek sürümü. Elementor Pro, tek bir sitede kullanım için 49 dolardan başlar.

Arayüz – 5/5

Elementor arayüzü, bazı daha küçük ayarlar için üçüncü bir alanla birlikte iki ana bölüme ayrılmıştır:

• 1 – bu, tasarımınızın canlı önizlemesidir. Tam olarak ziyaretçilerinizin göreceği gibi görünüyor. Ayrıca doğrudan bu arayüze metin yazabilir ve çeşitli öğeleri yeniden düzenlemek için sürükleyip bırakabilirsiniz.
• 2 – bu, kullanabileceğiniz öğelerin bir listesini gösterir. Sadece onları sürükleyin. Ve tek bir öğe veya bölüm seçtiğinizde, onu şekillendireceğiniz yer burasıdır.
• 3 – bunlar, duyarlı önizlemelere, değişiklikleri geri alma/yineleme ve diğer daha küçük özelliklere erişmenize yardımcı olur.

Örneğin, bir metin widget'ını nasıl sürükleyebileceğinize ve ardından metni değiştirmek için sayfaya nasıl yazacağınıza (satır içi düzenleme) bir göz atın:

Elementor Pro ile temanızı ve açılır pencerelerinizi tasarlamak için aynı arayüzü kullanabilirsiniz. Bunu yapmanıza yardımcı olacak özel widget'lar/özellikler de alırsınız.

Dahil Edilen Widget'lar/Şablonlar - 5/5

Ücretsiz sürümde Elementor, 28 ücretsiz widget içerir. Ayrıca tüm temel WordPress widget'larını da kullanabilirsiniz. Pro sürümü ~30 widget daha ekleyerek Pro sürümünde size toplam 58 widget sunar :

Ücretsiz sürüm ayrıca ~40 ücretsiz şablonla birlikte gelir. Ve Pro sürümü, yüzlerce ek şablon ekler.

Şablonlar iki biçimde gelir:

• Sayfalar – sadece düzenlemeniz gereken tam sayfa tasarımlar.
• Bloklar – Legolar gibi bir araya getirebileceğiniz ayrı bölümler.

Ayrıca kendi tasarımlarınızı daha sonra yeniden kullanmak üzere şablon olarak kaydedebilirsiniz.

Şekillendirme Seçenekleri – 5/5

Herhangi bir bölüme, sütuna veya widget'a tıkladığınızda, Elementor sol kenar çubuğunda üç stil sekmesi sunar.

Kesin seçenekler, düzenlediğiniz öğeye bağlıdır, ancak genellikle Elementor, herhangi bir sayfa oluşturucunun en derin stil seçeneklerinden birini sunar.

Renkler, arka planlar ve tipografi gibi temel öğelerin ötesinde, aşağıdakiler gibi daha gelişmiş ayarları da kontrol edebilirsiniz:

• Özel kenar boşlukları/dolgu.
• Özel CSS sınıfları/kimlikleri. Elementor Pro ile, bağımsız öğelere doğrudan gerçek CSS stilleri ekleyebilirsiniz.
• Duyarlı Kontroller. Belirli cihazlarda öğeleri gösterebilir/gizleyebilirsiniz.

Elementor ayrıca yakın zamanda özel konumlandırma ekledi, bu da widget'ları sayfadaki belirli noktalara yerleştirmeyi çok daha kolay hale getirdi.

Diğer Önemli Özellikler – 5/5

Bu özellikler Elementor Pro'da mevcuttur:

• Tam tema oluşturma. Üstbilgiler, altbilgiler, single'lar ve arşivler gibi şablon parçaları oluşturmak için aynı Elementor arayüzünü kullanabilirsiniz. Temel olarak, tüm temanızı Elementor ile oluşturabilirsiniz.
• WooCommerce oluşturucu – WooCommerce ürününüzü ve mağaza sayfalarınızı tasarlayın.
• Pop-up yapı . Esnek açılır pencereler tasarlayın ve bunları belirli içeriğe hedefleyin.
• Form entegrasyonları . Form pencere öğesini popüler e-posta pazarlama hizmetlerine (veya daha fazla esneklik için Zapier) bağlayın.
• Küresel widget'lar. Bunlar, ortak bir öğeyi birden çok sayfada yeniden kullanmanıza ve yalnızca genel pencere aracını güncelleyerek küresel pencere öğesinin tüm örneklerini düzenlemenize olanak tanır.
• Herhangi bir yere gömün . Widget'lar veya kısa kodlar aracılığıyla diğer alanlarda Elementor şablonlarını kullanın.

Kilitleme – 5/5

Elementor'u devre dışı bırakırsanız, arkasında temiz kod bırakır. Örneğin, Elementor ile bir <h3> üstbilginiz varsa, Elementor'u devre dışı bıraktıktan sonra yine bir <h3> üstbilginiz olur - yalnızca temanızın stilini kullanır.

2. Kunduz Oluşturucu

Beaver Builder, bir süredir sayfa oluşturucu pazarında güçlü bir rol oynuyor. Temiz kod çıktısı verir ( bir sayfa oluşturucu için ), son kullanıcılar ve uygulayıcılar arasında popülerdir ve yeni özellikler ve güncellemeler şeklinde düzenli olarak ilgi görür.

Ayrıca, daha fazla esneklik için eşleştirebileceğiniz bazı resmi eklentiler de vardır - özellikle isteğe bağlı bir Beaver Builder teması ve Beaver Themer uzantısı.

Beaver Builder incelememizi okuyun.

Fiyat: Sınırlı ücretsiz sürüm. Sınırlı sitelerde kullanım için 99 dolardan başlar.

Arayüz – 5/5

Beaver Builder, ön uç görsel oluşturucusu için benzersiz bir arayüz sunar. İşinizin çoğunu sağdaki kenar çubuğundan yaparsınız. Ancak bu kenar çubuğu seçenekleri yalnızca üst çubuktaki bir düğmeyi tıkladığınızda görünür, bu nedenle istediğiniz zaman tam ekran bir önizleme görüntülemek mümkündür:

• 1 – kenar çubuğu alanını açmak için buna tıklayın
• 2 – bu, tasarımınızın canlı bir önizlemesidir

Beaver Builder kısa süre önce satır içi metin düzenlemeyi ekledi; bu, metninizi düzenlemek için doğrudan sayfaya yazabileceğiniz veya görünen açılır pencereyi kullanabileceğiniz anlamına gelir:

Açılır pencereyle satır içi düzenlemeyi kullanmak, dürüst olmak gerekirse biraz garip. Ancak bunu düzeltmek için düzenleyiciyi kolayca kenar çubuğuna sabitleyebilirsiniz.

Dahil Edilen Widget'lar/Şablonlar - 4/5

Ücretsiz sürümde, Beaver Builder yalnızca 6 modüle erişim sağlar, ancak standart WordPress widget'larını da kullanabilirsiniz.

Premium sürüm ise 30 modüle erişmenizi sağlar. Bu modüllerin tümü ayrıca modülerdir, böylece gerektiğinde etkinleştirebilir veya devre dışı bırakabilirsiniz.

Premium sürümde ayrıca ~56 sayfalık şablona erişimin yanı sıra kendi tasarımlarınızı şablon olarak kaydetme olanağına da sahip olursunuz.

Şekillendirme Seçenekleri – 5/5

Modüllerinizi ve bölümlerinizi biçimlendirmek için şunları yapabilirsiniz:

• Varsayılan açılır pencereyi kullanın
• Kenar çubuğu oluşturmak için pencereyi yana sabitleyin ( bunu aşağıdaki örnekte görebilirsiniz ).

Kesin seçenekler modüle bağlıdır, ancak genellikle Beaver Builder, özel boşluk ve duyarlı kontroller dahil olmak üzere öğeleriniz üzerinde oldukça iyi kontrol sağlar.

Beaver Builder ayrıca, bir kullanıcının oturum açıp açmadığına bağlı olarak modülleri tek tek göstermenize veya gizlemenize izin veren çok benzersiz bir geçiş sunar:

Diğer Önemli Özellikler – 4/5

• Kunduz Temalı. Bu ayrı bir uzantı olmasına rağmen, Elementor gibi tam tema oluşturma işlevselliği ekler.
• Beyaz etiketleme . Müşteriler için siteler inşa ediyorsanız, Beaver Builder'ı kolayca beyaz olarak etiketleyebilirsiniz.
• Kunduz Oluşturucu teması . Bu isteğe bağlı tema, web sitenizin nasıl göründüğü konusunda size daha da fazla kontrol sağlar.

Eşsiz özellikler iyi olsa da, onları elde etmek için daha fazla ödemeniz gerektiğinden bir noktaya değiniyorum.

Kilitleme – 5/5

Elementor gibi, Beaver Builder da uygun HTML biçimlendirmesiyle %100 temiz kod bırakır.

3. Divi Oluşturucu

Divi Builder, Elegant Themes'tan popüler bir premium sayfa oluşturucudur. En yaygın olarak Divi temasının bir parçası olarak kullanılsa da Divi Builder, diğer temalarla da kullanabileceğiniz bağımsız bir eklentidir.

Önceki iki sayfa oluşturucunun aksine Divi Builder, içeriğinizi hem görsel bir ön uç hem de arka uç arabirimi kullanarak düzenlemenize izin verir, ancak çoğu kullanıcı muhtemelen ön uç arabirimini tercih edecektir.

En son sürüm olan Divi 4.0 ile Divi, bu açıdan Elementor ve Beaver Builder ile aynı seviyeye getiren tam tema oluşturma desteği de ekledi. Yani artık üstbilginizi, altbilginizi, şablonlarınızı vb. tasarlamak için Divi'yi kullanabilirsiniz.

Divi Builder incelememizi okuyun.

Fiyat: $89 Elegant Themes üyeliğinin bir parçası olarak mevcuttur

Arayüz – 5/5

Divi Builder'ın arka uç arayüzü şöyle görünür:

Ancak çoğu zaman ön uç görsel arayüzünü kullanacaksınız. Divi Builder kesinlikle benzersizdir. Şahsen hayranı değilim , ama onu seven birçok insan tanıyorum, bu yüzden bu nedenle herhangi bir puan vermeyeceğim.

Temel olarak, herhangi bir tür kenar çubuğu yerine, her şey açılır pencereler ve kayan düğmelerdir. Aşağıda bir modül ekleme örneğini görebilirsiniz:

Önceki iki sayfa oluşturucu gibi, metninizi doğrudan sayfada düzenlemek için satır içi düzenlemeyi de kullanabilirsiniz:

Bu yaklaşımı diğer sayfa oluşturucu eklentileri tarafından kullanılan kenar çubuğuna tercih edip etmemek size kalmış.

Dahil Edilen Widget'lar/Şablonlar - 5/5

Divi Builder, tasarımlarınızı oluşturmak için kullanabileceğiniz 46 modül içerir:

Ayrıca, 40 farklı düzen paketine yayılmış devasa 316 önceden oluşturulmuş şablona erişimin yanı sıra kendi tasarımlarınızı şablon olarak kaydetme olanağına da sahip olursunuz:

Şekillendirme Seçenekleri – 5/5

Beaver Builder gibi Divi Builder da, istenirse yana sabitleyebileceğiniz bir açılır pencereden öğelere stil vermenizi sağlar.

Divi'nin ayırt edici özelliklerinden biri, her zaman size ne kadar stil kontrolü sağladığı olmuştur. Üç farklı sekmede, duyarlı kontroller, özel boşluklar ve çok daha fazlası dahil olmak üzere çeşitli ayarları yapılandırabilirsiniz.

Ana öğeye veya ana öğeden önce/sonra özel CSS bile ekleyebilirsiniz. CSS editörleri, temel doğrulama ve otomatik tamamlamayı bile içerir! Ayrıca doğrudan düzenleyiciden bir renk seçici de açabilirsiniz:

Sonuç olarak, Divi Builder stil seçenekleriyle gerçekten sınırları zorluyor - bu iyi bir şey.

Diğer Önemli Özellikler – 5/5

• Tema oluşturma – Divi Builder arayüzünü kullanarak tüm temanızı tasarlayın.
• A/B testi. En iyi ekstra özelliklerden biri Divi Builder'ın yerleşik A/B test sistemidir. Başka hiçbir sayfa oluşturucu, çekirdekte bölme testi yapmayı bu kadar kolay hale getiremez.
• Div teması . Divi Builder'ı Divi temasıyla eşleştirmek, sitenizin görünümü üzerinde tam kontrol sahibi olmanızı sağlar.
• Kullanıcı erişim kontrolleri . Divi Builder, güçlü rol tabanlı erişim kontrolleri içerir.
• WordPress Özelleştirici kontrolleri . Yerel WordPress Özelleştirici'yi kullanarak bazı öğelerin nasıl görüneceğini özelleştirebilirsiniz.

Kilitleme – 3/5

Divi Builder'ın eleştirilerinden biri her zaman kısa kod tabanlı olması olmuştur. Bu, onu devre dışı bırakırsanız, içeriğinizde bir sürü kısa kod bırakacağı anlamına gelir.

Bu biraz moral bozucu olsa da, Shortcode Cleaner gibi eklentiler mevcut olduğu için bu artık sorun olmaktan çıkıyor. <h3> etiketi gibi biçimlendirmeyi kaybedersiniz, ancak içeriğin kendisini kaybetmezsiniz.

4. Thrive Mimarı

Thrive Architect, bir zamanlar Thrive Content Builder'ın yenilenmiş versiyonudur. Yeni arayüz, birazdan göreceğiniz Elementor arayüzüyle pek çok benzerlik içeriyor.

Herkes kullanabilir olsa da, dönüşüm oranlarına odaklanması nedeniyle özellikle blog yazarları ve bağlı kuruluş pazarlamacıları arasında popülerdir. Ve Thrive Architect hakkında kişisel olarak sevdiğim şeylerden biri, varsayılan stilinin kutudan çıkar çıkmaz oldukça iyi görünmesi.

Thrive Architect incelememizi okuyun.

Fiyat: Aylık 19 ABD Doları tutarındaki (yıllık faturalandırılır) Thrive Suite'in bir parçasıdır.

Arayüz – 5/5

Dediğim gibi, Thrive Architect'in arayüzü ile Elementor arayüzü arasında bazı benzerlikler göreceksiniz ( Merak ediyorsanız, Elementor önce geldi ):

Aynı fikir, sahip olduğunuz:

• 1 – bu, tasarımınızın canlı önizlemesidir. Tam olarak ziyaretçilerinizin göreceği gibi görünüyor. Ayrıca doğrudan bu arayüze metin yazabilir ve çeşitli öğeleri yeniden düzenlemek için sürükleyip bırakabilirsiniz.
• 2 – bu, kullanabileceğiniz öğelerin bir listesini gösterir. Sadece onları sürükleyin. Ve tek bir öğe veya bölüm seçtiğinizde, onu şekillendireceğiniz yer burasıdır.
• 3 – bunlar, duyarlı önizlemelere, değişiklikleri geri alma/yineleme ve diğer daha küçük özelliklere erişmenize yardımcı olur.

Evet – Bunu Elementor bölümünden kopyalayıp yapıştırdım .

Benzersiz bir şey, yuvalanmış bir öğeye tıkladığınızda kırıntı seçicidir. Bu özellik, bir öğe ile bir bölüm arasında hızlıca geçiş yapmak istediğinizde oldukça kullanışlıdır:

Thrive Architect ayrıca gerçek satır içi metin düzenleme sunar. Aslında, Thrive Architect, bence, herhangi bir sayfa oluşturucunun en sorunsuz satır içi düzenleme işlevine sahiptir:

Dahil Edilen Widget'lar/Şablonlar - 4/5

Thrive Architect, her zaman yeşil kalan bir geri sayım sayacı gibi bazı düzgün olanlar da dahil olmak üzere 40 farklı widget sunar.

Thrive Architect ayrıca ~36 "set"e bölünmüş yüzlerce şablon içerir. Ayrıca kendi tasarımlarınızı şablon olarak kaydedebilirsiniz.

Şekillendirme Seçenekleri – 5/5

Thrive Architect, stili nasıl ele aldığı konusunda Elementor'dan ayrılıyor. Thrive Architect size sekmeler vermek yerine her şeyi tek bir sütunda toplar.

Stil seçenekleri oldukça ayrıntılıdır ve duyarlı kontroller ve özel boşluklar içerir:

Ayrıca sayfa düzeyinde kendi özel CSS'nizi de ekleyebilirsiniz. Tek tek öğeler için yalnızca CSS sınıfları veya kimlikleri atayabilirsiniz.

Diğer Önemli Özellikler – 3/5

Harika bir özellik, Sayfa Etkinlikleri ayarlama seçeneğidir. Bunlar, belirli tetikleyicilere dayalı olarak bir ışık kutusu açılır penceresi görüntülemenize olanak tanır:

Ve bir başka harika şey de, diğer Thrive Themes ürünleriyle ne kadar iyi bütünleştiğidir. Örneğin:

• Thrive Optimize kullanıyorsanız, Thrive Architect kullanarak A/B testleri çalıştırabilirsiniz.
• Thrive Leads kullanıyorsanız, Thrive Leads'in ayrıntılı tercihlerini Thrive Architect'e kolayca entegre edebilirsiniz.

Kilitleme – 5/5

Thrive Architect, Elementor ve Beaver Builder gibi %100 temiz kod bırakır.

5. SiteOrigin Sayfa Oluşturucu

SiteOrigin Sayfa Oluşturucu, sonsuza dek sürecek gibi görünüyor. Ve bu "sonsuza dek" süre içinde, WordPress.org'da 1 milyonun üzerinde aktif kurulum toplamayı başardı ve bu da onu piyasadaki en popüler sayfa oluşturucu eklentilerinden biri haline getirdi.

SiteOrigin Sayfa Oluşturucu, bu listedeki diğer seçeneklerin çoğundan biraz daha hafif olsa da, harika bir performans ve tonlarca yardımcı CSS kontrolü sunar.

Fiyat: Ücretsiz. SiteOrigin Premium paketi 29 dolardan başlıyor

Arayüz – 3/5

SiteOrigin, tasarımınızı oluşturmak için kullanabileceğiniz iki arayüze sahiptir.

Orijinal arka uç düzenleyiciniz var:

Blokları sürükleyip bırakabilir veya düzenlemek için belirli bir bloğa tıklayabilirsiniz.

Bu düzenleyici size çalışmak için en fazla alanı sağlar, ancak herhangi bir canlı önizleme türünden yoksundur.

Bu canlı önizlemeyi istiyorsanız, SiteOrigin Sayfa Oluşturucu bir canlı düzenleyici modu ekledi:

Bu, bu listedeki diğer sayfa oluşturucularla aynı değil çünkü canlı önizlemede öğeleri gerçekten sürükleyip bırakamazsınız. Ama aynı zamanda tasarımınızın bir önizlemesinden daha fazlasıdır çünkü soldaki soyut kutular ile canlı önizleme arasında bir miktar etkileşim vardır.

Örneğin, canlı önizlemede bir kutunun üzerine gelebilirsiniz ve kenar çubuğundaki ilgili kutu da vurgulamayı gösterecektir. Ayarlarını açmak için canlı önizlemede bir öğeye de tıklayabilirsiniz:

Dahil Edilen Widget'lar/Şablonlar - 2/5

Temel WordPress widget'larının ötesinde, SiteOrigin Page Builder, kullanabileceğiniz 23 widget'tan oluşan modüler bir set ekleyen ücretsiz bir Widgets Bundle eklentisi de sunar. Ayrıca, kullanabileceğiniz ~25 önceden oluşturulmuş şablon içerir, ancak bunlar diğer sayfa oluşturuculara kıyasla oldukça barebone.

Tasarımlarınızı şablon olarak kaydedemezsiniz, ancak size benzer işlevsellik kazandıran mevcut sayfaları kolayca kopyalayabilirsiniz.

Şekillendirme Seçenekleri – 3/5

CSS bilmiyorsanız , SiteOrigin Sayfa Oluşturucu'nun stil seçenekleri diğer sayfa oluşturuculara kıyasla hayal kırıklığı yaratacaktır. Ancak kendi CSS'nizi kullanmakta rahatsanız, aslında oldukça faydalıdırlar.

CSS sınıfları ve kimlikleri eklemenin yanı sıra, yalnızca mobil CSS için bir bölüm de dahil olmak üzere bağımsız öğelere doğrudan CSS ekleyebilirsiniz:

Ayrıca birçok CSS olmayan stil seçeneği de elde edersiniz - diğer eklentiler kadar değil. Kendi CSS'nizi kullanmayı planlayan bir geliştiriciyseniz, muhtemelen bu kategori için eklentiye 5 verebilirsiniz. Ama bunu 3'e indiriyorum çünkü normal kullanıcılar için uygun olduğunu düşünüyorum.

Diğer Önemli Özellikler – 2/5

SiteOrigin Sayfa Oluşturucu oldukça hafiftir, ancak SiteOrigin Premium paketinde temel bir özel gönderi türü oluşturucu elde edersiniz.

Kilitleme – 4/5

SiteOrigin Sayfa Oluşturucu, temiz HTML ve kısa kodların bir karışımını geride bırakır. Yani, bazı araçlar – metin düzenleyici gibi – arkalarında temiz HTML bırakırken, diğerleri – düğme parçacığı gibi – arkalarında kısa kodlar bırakırlar.

6. WPBakery Sayfa Oluşturucu

Eskiden Görsel Besteci olarak bilinen WPBakery Sayfa Oluşturucu, başka bir çok popüler premium sayfa oluşturucudur. Bu popülerliğin büyük bir kısmı, WPBakery Sayfa Oluşturucu'nun ThemeForest'taki temaların %99'u gibi görünen şeylerle paket halinde olması gerçeğinden kaynaklanmaktadır. Ancak gerçek şu ki, çok sayıda sitede kullanılıyor.

Fiyat: 64 $

Arayüz – 3/5

Divi Builder gibi, WPBakery Page Builder da size hem görsel ön uç düzenleme hem de arka uç düzenleme sağlar.

İsterseniz arka uç arayüzünü kullanabilirsiniz:

Ama bence çoğu insan ön uçta daha mutlu olacak ki bu şuna benziyor:

Yeni öğeler ekler ve açılır pencereleri kullanarak bunları biçimlendirirsiniz - kenar çubuğu alanı yoktur ve satır içi düzenleme yoktur.

Şahsen, bu yaklaşımın hayranı değilim, ancak bazı insanlar bunu seviyor çünkü açık bir açılır pencereniz olmadığında canlı önizlemenin önüne geçilecek hiçbir şey yok .

Dahil Edilen Widget'lar/Şablonlar - 3/5

WPBakery Sayfa Oluşturucu 39 öğeye ek olarak tüm normal WordPress widget'larını sunar. Bu öğelerden bazıları başka bir sayfa oluşturucuda birleştirilir, bu nedenle gerçek sayı daha çok ~33 gibidir:

Ayrıca ~86 şablon elde edersiniz. Bazı şablonlar tam sayfa, diğerleri ise sadece bölümlerdir.

Şekillendirme Seçenekleri – 3/5

Elementor veya Divi Builder gibi bir şeyle karşılaştırıldığında, WPBakery Page Builder'ın stil seçenekleri biraz sınırlıdır.

Satırlar üzerinde iyi bir kontrolünüz var:

Ancak bireysel öğeler için stil seçenekleri biraz daha sınırlıdır.

Kendi CSS'nizi kullanmak istiyorsanız, tek tek öğelere özel bir CSS sınıfı veya kimliği ekleyebilir veya sayfa düzeyinde gerçek stiller ekleyebilirsiniz:

Diğer Önemli Özellikler – 3/5

WPBakery Page Builder'ın özellikle dikkate değer benzersiz özelliklere sahip olduğundan emin değilim. Ancak sahip olduğu şey, devasa bir üçüncü taraf eklenti topluluğudur. Diğer birçok sayfa oluşturucunun üçüncü taraf eklentileri olsa da, WPBakery Sayfa Oluşturucu, 250'den fazla eklenti olan sayı bakımından benzersizdir.

Kilitleme – 3/5

Divi Builder gibi, WPBakery Page Builder da devre dışı bırakırsanız içeriğinizde bir sürü kısa kod bırakır.

7. Themify Builder

Themify Builder, şaşırtıcı olmayan bir şekilde Themify'ın sayfa oluşturucu teklifidir. Themify, müşterilere kolay özelleştirme seçenekleri sunmak için birçok temasıyla bir araya getirir. Ancak bağımsız bir eklenti olarak da satın alabilir ve herhangi bir temayla kullanabilirsiniz.

Fiyat : Hafif ücretsiz sürüm. Pro, 39 ABD Doları veya 59 ABD Doları'ndan başlar (eklentilere bağlı olarak)

Arayüz – 4/5

Divi Builder ve WPBakery Page Builder gibi Themify Builder, tasarımlarınızı hem arka uç hem de ön uç arabirimlerini kullanarak oluşturmanıza olanak tanır.

4.0 sürümüyle, Themify Builder arayüzde bazı güncellemeler yaptı ve bu da skoru bir üst seviyeye çıkarmama neden oldu.

Arka uç arayüzü şöyle görünür:

Ancak yine de, çoğu insan muhtemelen şu şekilde çalışan ön uç arayüzü kullanmak isteyecektir:

• 1 – yeni modüller eklemenizi sağlar ( 2 farklı yol )
• 2 – canlı önizleme
• 3 – duyarlı önizlemeler, geri alma/yineleme ve diğer ayarlar

Satır içi düzenleme yoktur - metninizi bir açılır pencerede düzenlemeniz gerekir:

Yine de, yeni arayüz eskisinden çok daha "çabuk" hissettiriyor ve bu da çok daha hızlı bir düzenleme deneyimi yaratıyor.

Ayrıca, ayarlar açılır penceresinin üzerine, bir modülün kendisi ile bulunduğu satırlar ve sütunlar arasında hızla geçiş yapmanızı sağlayan bir kırıntı stili seçicisi ekler.

Son olarak, en sevdiğim yeni eklemelerden biri, sayfaya tıklayıp sürükleyerek kenar boşlukları ve dolgu ekleme yeteneğidir. Bu çok büyük bir yükseltmedir ve sayfanızdaki konumlandırmayı ayarlamayı çok daha kolay hale getirir. Sadece sürükleyerek kenar boşluğunu ( pembe ) nasıl ayarlayabildiğimi görebilirsiniz:

Gerçekten, tek büyük eleştirim hala satır düzenleme eksikliği.

Dahil Edilen Widget'lar/Şablonlar - 3/5

Themify Builder, tüm normal WordPress widget'larının yanı sıra ~32 modül (eklentilerinize bağlı olarak) sunar.

Ayrıca ~143 tam sayfa şablonun yanı sıra temelde önceden oluşturulmuş bölümler olan daha az sayıda Rows elde edersiniz.

Şekillendirme Seçenekleri – 4/5

Herhangi bir öğeye tıklarsanız, stil oluşturmanıza yardımcı olacak dört farklı sekme alırsınız:

• İçerik
• Şekillendirme ( aşağıda gösterilmiştir )
• Görünürlük ( bir öğeyi belirli cihazlarda gizlemenizi sağlar )
• Animasyon

Bir başka güzel şey de Themify Builder'ın duyarlı kesme noktalarınızı özelleştirmenize izin vermesidir ( ancak yalnızca site çapında bir düzeyde ).

4.0 sürümünde, Themify Builder ayrıca önceden ayarlanmış 25 şekil arasından seçim yapmanızı sağlayan özel şekil bölücüler ekledi.

Diğer Önemli Özellikler – 4/5

Themify Builder ile ilgili harika bir şey, diğer sayfa oluşturucular sizi her şey için sayfa oluşturucu arayüzünü kullanmaya zorlarken, normal WordPress Düzenleyiciyi kullanmanıza izin vermesidir. Themify Builder içeriği, etrafına içerik yerleştirebilmeniz için WordPress Düzenleyicide işaretlenmiştir:

Bu özellik, yeni WordPress blok düzenleyicide de çalışır.

Bir başka güzel yeni özellik, duyarlı tasarım için farklı çözünürlükleri kullanma yeteneğidir. Pek çok sayfa oluşturucu size yalnızca genel "Mobil" ve "Tablet" önizlemeleri sunar, ancak Themify Builder aslında farklı cihazları test etmenize olanak tanır.

Kilitleme – 5/5

Themify Builder, kilitlenme açısından büyük ölçüde iyileştirildi . Şimdi, devre dışı bırakırsanız, içeriğinizi temiz HTML ile geride bırakır.

8. Brizy

Nisan 2018'de başlatılan Brizy, bu listedeki "en genç" sayfa oluşturuculardan biridir. Ancak tanınmış bir geliştirici olan ThemeFuse'dan geliyor ve hızlı bir şekilde 60.000 aktif yüklemeye ulaştı. Ek olarak, sayfa oluşturmanın bazı bölümlerine benzersiz bir yaklaşım sunar ve bu da onu ilginç bir teklif haline getirir.

Geliştiriciler ayrıca hızla yeni özellikler yayınlıyor ve Brizy zaten tema ve açılır pencere oluşturma desteğine sahip.

Fiyat: Temel ücretsiz sürüm. Pro sürümü 49 dolardan başlıyor.

Arayüz – 5/5

Brizy, yalnızca bir ön uç görsel sayfa oluşturucusudur.

Sayfanızı oluşturmak için önce bir blok eklemelisiniz. Boş bir blok kullanabilir veya önceden oluşturulmuş kesit bloklarından birini seçebilirsiniz:

"Benzersiz arayüz" kısmı, öğe eklemeye başladığınızda olan şeydir. Öğeyi özelleştirdiğiniz/biçimlendirdiğiniz bir kenar çubuğu veya açılır pencereye sahip olmak yerine, hemen hemen her şey satır içi olur (yazma dahil).

Bak ne demek istiyorum:

Sonuç, sayfa oluşturmanın gerçekten hızlı bir yoludur.

Dahil Edilen Widget'lar/Şablonlar - 4/5

Brizy şu anda 26 temel öğe sunuyor. Bu sayı küçük, ancak Brizy hala yeni, bu yüzden umarım zamanla artar.

Ayrıca, bir başlık oluştururken bir menü öğesi gibi belirli özellikler için ek öğeler elde edersiniz.

Ayrıca kullanabileceğiniz 150'den fazla blok (şablon bölümleri) içerir.

Şekillendirme Seçenekleri – 5/5

Brizy'nin arayüzünün çalışma şekli nedeniyle, diğer sayfa oluşturucular gibi stil seçenekleri için belirlenmiş bir formül yoktur.

Boşluk ve duyarlı kontroller gibi gelişmiş ayarlar için bir kenar çubuğunu genişletebilirsiniz:

Her bir öğeyi manuel olarak düzenlemek zorunda kalmamak için sayfa düzeyinde temel stil de ekleyebilirsiniz:

Ancak çoğu zaman, öğelerinize stil vermek için satır içi denetimleri kullanırsınız, bu da size iyi bir kontrol sağlar.

Diğer Önemli Özellikler – 5/5

Brizy'nin arayüzü şimdiden oldukça benzersiz, ancak piyasaya sürülmesinden bu yana hızla güzel bir özellik listesi oluşturdu:

• Tema oluşturucu - Brizy'yi kullanarak üstbilgiler, altbilgiler, arşivler ve tek gönderi şablonları tasarlayın. WooCommerce desteği yolda . Ayrıca ACF ve Toolset gibi popüler eklentilerden özel alan içeriği getirmek için dinamik bir özellik içerir.
• Açılır pencere oluşturucu – Brizy arayüzünü kullanarak açılır pencereler tasarlayın ve nerede/ne zaman görüntüleneceğini kontrol etmek için koşulları kullanın.
• Birden çok sayfada senkronize edilen global banner'lar .
• Popüler e-posta pazarlama hizmetleri (ve Zapier) ile entegrasyonlar .

Kilitleme – 4/5

Brizy, devre dışı bırakırsanız arkasında çoğunlukla temiz HTML kodu bırakır. Ancak yine de kodda Brizy CSS sınıfları olan bir grup div bırakıyor, bu da aralığı biraz karıştırıyor ve temizlik gerektiriyor.

9. Görsel Besteci

Yukarıda, WPBakery Sayfa Oluşturucu'nun eskiden Görsel Besteci olarak bilindiğini söylemiştim. Bunun "alışılmış" olmasının nedeni, Visual Composer'ın arkasındaki ekibin, Visual Composer adını kullanarak tamamen yeni bir ürün başlatabilmeleri için WPBakery Page Builder'ı devre dışı bırakmaya karar vermesidir.

Bu bölümde odaklandığımız şey bu.

Aynı ekipten gelse de tamamen ayrı bir üründür.

Temel fark, Visual Composer'ın eksiksiz bir web sitesi oluşturucu olması, WPBakery Sayfa Oluşturucu'nun ise yalnızca bir sayfa oluşturucu olmasıdır.

Fiyat: Sınırlı ücretsiz sürüm. Pro sürümü 49 dolardan başlıyor.

Arayüz – 3/5

Visual Composer ile yeni bir sayfa oluşturmaya gittiğinizde, tuvaliniz için birkaç farklı düzen arasından seçim yapabilirsiniz. Tamamen boş bir tuval yapabilir, üstbilginizi/altbilginizi vb.

Buradan, görsel bir arayüz kullanarak her şeyi tasarlayabilirsiniz:

Arayüz pürüzsüz ve hatasız, ancak satır içi düzenlemeden yoksun, bu da biraz hayal kırıklığı yaratıyor. Bunun yerine, kenar çubuğundaki metni düzenlemeniz gerekir:

Ayrıca, her şey tek bir uzun sütun olduğu için kenar çubuğundaki seçenekleri kullanışlı bulmuyorum. Diğer sayfa oluşturucuların çoğunun kullandığı, ayarları sekmelere ayırma yaklaşımını tercih ederim.

Dahil Edilen Widget'lar/Şablonlar - 5/5

Visual Composer'ı ilk yüklediğinizde (veya yalnızca ücretsiz sürümü kullanıyorsanız), yalnızca birkaç bloğa erişim elde edersiniz ve şablon yoktur.

Yine de aldanmayın – Visual Composer'ın çok sayıda öğe ve şablon seçeneği vardır – sadece Visual Composer Hub'a bağlanmanız ve kullanmak istediklerinizi indirmeniz yeterlidir:

Gördüğünüz gibi, içerik bloklarından entegrasyonlara ve daha fazlasına kadar her şeyde çok büyük bir çeşitlilik var. Şablonlar söz konusu olduğunda da benzer bir çeşitlilik var.

Şekillendirme Seçenekleri – 4/5

Visual Composer'ın stil seçenekleri sağlam, ancak hiçbir şey gerçekten göze çarpmıyor. Şekil bölücüler, özel boşluklar, paralaks vb. gibi beklediğiniz tüm özellikleri elde edersiniz.

Ayrıca, tasarımı bir kullanıcının cihazına göre düzenlemek için duyarlı kontrollerin yanı sıra çok çeşitli duyarlı önizleme seçeneklerine de sahip olursunuz.

İki güzel özellik, bir satırı veya öğeyi yapışkan hale getirme ve sütunların nasıl yığılacağını kontrol etme seçenekleridir.

Diğer Önemli Özellikler – 5/5

Yukarıda bahsettiğim gibi, Visual Composer tam bir web sitesi oluşturucudur, böylece üstbilgiler, altbilgiler, şablonlar ve daha fazlası dahil olmak üzere tüm sitenizi arayüzünü kullanarak oluşturabilirsiniz.

ACF ile ekledikleriniz gibi varsayılan ve özel alanlardan da dinamik içerik ekleyebilirsiniz.

Diğer göze çarpan özellik, içe aktarabileceğiniz tonlarca şablon ve içerik öğesiyle birlikte gelen Visual Composer Hub'dır.

Kilitleme – 5/5

Visual Composer'ı devre dışı bırakırsanız, nispeten temiz HTML bırakır. HTML hala Visual Composer CSS sınıflarını içerir, ancak herhangi bir ön uç sorunu veya kısa kod yoktur.

10. WP Sayfa Oluşturucu

WP Sayfa Oluşturucu, köklü bir WordPress geliştiricisi olan Themeum'dan yeni bir tekliftir. Eklentinin kendisi yeni olsa da, bir süredir WordPress alanında çalışan bir ekipten geliyor.

Themeum ayrıca çok uzun zaman önce incelediğimiz Tutor LMS eklentisini de yapıyor.

Fiyat: Oldukça cömert ücretsiz sürüm. Pro sürümü 39 dolardan başlıyor.

Arayüz – 4/5

WP Sayfa Oluşturucu, sayfa oluşturucular açısından oldukça standart bir arayüze sahiptir. Sağda tasarımınızın görsel bir önizlemesini ve sol tarafta tasarımlarınızı kontrol edebileceğiniz bir kenar çubuğu görürsünüz.

Çok sevdiğim bir şey, bir sürükle ve bırak kaydırıcıyı kullanarak boşlukları (kenar boşlukları/dolguları) ayarlama yeteneğidir. Sütunları yeniden boyutlandırmak için benzer bir sürükle ve bırak yaklaşımı da kullanabilirsiniz:

Ancak, biraz daha düşük olan satır içi düzenleme yoktur. Bunun yerine, metni kenar çubuğu düzenleyicisinde düzenlemeniz gerekir:

Dahil Edilen Widget'lar/Şablonlar - 5/5

Ücretsiz sürümüyle bile, WP Page Builder mükemmel bir widget seçimi ile birlikte gelir. Örneğin, ücretsiz sürüm size fiyatlandırma tabloları, gönderi ızgaraları, çevirme kutuları ve daha fazlasını sunar. Diğer sayfa oluşturucuların çoğu, bu öğeleri premium sürüm için ayırır.

Ayrıca belirli nişler için temalı şablon paketleri olan 31'den fazla Düzen Paketine de erişebilirsiniz. Her düzen birden çok şablon içerir:

Şekillendirme Seçenekleri – 4/5

Gerçekten kullanışlı bir özellik olan sürükle ve bırak aralığı/düzen kontrollerinden daha önce bahsetmiştim.

Bunun ötesinde, iyi bir dizi stil seçeneği de elde edersiniz. Örneğin, şekil bölücüler, belirli cihazlarda öğeleri gizleme ve farklı cihazlar için farklı ayarlar kullanma seçeneği ve birçok genel stil seçeneği elde edersiniz:

Ancak, sağlam olsa da, Elementor veya Divi gibi bir şeyle alacağınız kadar çok seçenek elde edemezsiniz, bu yüzden “5” yerine “4” puanla gidiyorum.

Diğer Önemli Özellikler – 3/5

WP Sayfa Oluşturucu sağlam bir sayfa oluşturucudur, ancak diğer sayfa oluşturucularla elde ettiğiniz türden ekstralar oluşturmamıştır. Örneğin, tema oluşturma, açılır pencere oluşturucu vb. yoktur.

Sayfa oluşturucunun ötesinde, gerçekten öne çıkan hiçbir özellik görmüyorum.

Kilitleme – 3/5

When you disable WP Page Builder, it removes everything , including your content. Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?