Gutenberg Vs.Beaver Builder: En iyi hangisine karar vermenize yardımcı olacak kapsamlı rehber
WordPress kullanarak bir web sitesi oluşturursanız, önemli soruları cevaplayabilirsiniz. Hala varsayılan Gutenberg blok düzenleyicisini kullanıyor musunuz veya Beaver Builder gibi sayfa yapımcılarına geçiyor musunuz? Anlıyoruz. Bir yandan, varsayılan blok düzenleyicinin sadeliğine sahipsiniz. Öte yandan, harika bir web sitesi oluşturmaya yardımcı olmak için sayfa yapımcılarının bazı gelişmiş özelliklerini kullanabilirsiniz. Gutenberg blok editörü, sürüm 5.0’dan bu yana WordPress’in bir parçasıdır. Web sayfalarını yapmak için blok tabanlı yaklaşım WordPress’i Beaver Builder gibi popüler sayfa yapımcılarına yaklaştırıyor.
İkisi arasındaki benzerlik açık olsa da, farklı amaçlar için tasarlanmış iki farklı araçtır. Denklem nedir? Gutenberg ve Beaver Builder hangi yollarla farklıdır? Ve son olarak, Gutenberg Vs. arasındaki ebedi karışıklıkta Bu sayfa üreticisi, hangisini kullanmalısınız? Gutenberg Vs. hakkında bu ayrıntılı makalede tüm bunları ve daha fazlasını tartıştık. Beaver Builder. Her ikisini de anlayarak başlıyoruz, sonra birkaç özel karşılaştırmaya giriyoruz ve sonra Gutenberg ve Beaver Builder sayfası üreticisini kullanarak sayfayı yapacağız. Gutenberg blok düzenleyicisini ne zaman kullanacağınızı ve sayfa yapıcı eklentisini ne zaman kullanacağınızı söyleyerek her şeyi özetleyerek bitireceğiz.
Bölünelim!
İçindekiler
Gutenberg nedir?
Beaver Builder nedir?
Sayfa Maker Vs. Blok editör
Sayfa Yapıcı ve Gelecek Web Tasarımı
Gutenberg ve Beaver Builder ile karşılaştırıldığında
Gutenberg Vs. Beaver Builder: Yetenek
Gutenberg Vs. Beaver Builder: Kullanım kolaylığı
Gutenberg Vs. Beaver Builder: Ana Özellikler
Gutenberg Vs. Beaver Builder: Fark Utamagutenberg Vs. Beaver Builder: Doğrudan düzenleme deneyimi
Gutenberg Vs. Beaver Builder: Duyarlı özellik
Gutenberg Vs. Beaver Builder: Gelişmiş Özellikler
Gutenberg Vs. Beaver Builder: Sayfa Hızı Üzerindeki Etki
Gutenberg Vs. Beaver Builder: Fiyat
Gutenberg ile nasıl bir sayfa yapılır
1. Adım: Yeni bir sayfa oluşturun
2. Adım: Bir Blok Ekle
Adım 3: Yeni başlayan bir şablon kullanma
Beaver Builder ile nasıl bir sayfa oluşturulur
1. Adım: Yeni bir sayfa oluşturun
2. Adım: Beaver Builder’ı başlatın
Adım 3: Yeni başlayan bir şablon kullanma
En iyi gutenberg …
En iyi kunduz üreticisi …
Gutenberg Vs. Beaver Builder: Karar
Gutenberg nedir? Blok editörü olarak da adlandırılan Gutenberg, WordPress 5.0’ın yayınlanmasıyla 6 Aralık 2018’de tanıtılan WordPress varsayılan içerik düzenleyicisidir.
Tüm WordPress siteleriyle varsayılan geldi ve böyle görünüyordu.
Önceki WordPress Classic Editor’dan yeni Gutenberg editörü ne kadar farklı?
Varsayılan Gutenberg sayfa düzenleyicisine dahil edilen çok sayıda blok olmasına rağmen, bazen desenleri engelleme söz konusu olduğunda, bazen daha fazlasını isteyebilirsiniz. Bunun için Gutenberg için nihai eklentilerimizi kurmayı düşünebilirsiniz. Çok sayıda blok ve desenle, dakikalar içinde şaşırtıcı web siteleri oluşturabilirsiniz. Ve en iyisi, ücretsiz! Beaver Builder nedir? Beaver Builder bir sürükleme ve bırak sayfa üreticisidir. Piyasadaki diğer sayfa üreticileri gibi Beaver Builder, sitenizin ön ucundan web sayfaları kolayca oluşturmanıza ve düzenlemenize izin verir. İyi bir WordPress kullanıcısı veya deneyimli geliştirici olarak başlıyorsunuz, Beaver Builder güzel oluşturmak için birçok özellik ve esneklik sunuyor. Web sayfaları kolayca. Sayfanızı çeşitli ekran boyutlarında görmek ister misiniz? Sorun değil. Alternatif olarak birkaç ekran ekran arasında ve doğru görünmesi için sayfa ayarlarını ayarlayın. Gutenberg editörü için ne blok, Beaver Builder modülü. İnanılmaz bir sayfa düzeni oluşturmak için modülünüzü veya widget’ınızı sürükleyin ve çıkarın. Beaver Builder çok sayıda modül ve şablon ile gelse de, daha fazlasını istiyorsanız, Beaver Builder Premium eklentisi için Ultimate Addons’ımızı artırmayı düşünün. Aralarından seçim yapabileceğiniz 60’dan fazla benzersiz modül ve 300+ satır şablonu ve sayfası vardır. Sadece kolay görünen bir web sitesi yapmakla kalmaz, aynı zamanda iş akışınızı da hızlandırabilir. Block Editor Block Düzenleyicisi varsayılan sayfa editörüdür ve WordPress ile donatılmıştır. Sayfa üreticisi ise indirip yüklediğiniz bir eklenti ve üçüncü taraf aracıdır. Blok düzenleyicinin kullanımı tamamen ücretsiz olsa da, birkaç gelişmiş özellik kullanmak istiyorsanız bir sayfa üreticisi satın almalısınız. Bazı sayfa yapımcıları ücretsiz bir sürüm sunar, ancak bu gelişmiş özellikler genellikle sadece premium içindir. Hem Gutenberg Block Düzenleyicisi hem de sayfa yapımcıları, web sayfalarını kolayca yapmak ve düzeninizi tasarlamak için sürükleme ve gevşek özellikler sunar. Bütün bunlar tek bir kod satırı yazmadan. Gutenberg blok editörü klasik editörde önemli bir artış olmasına rağmen, bu noktada sayfa üreticisi size daha fazla tasarım esnekliği sağlar. Şablonlardan desenlere, arka plan animasyonuna, görüntü efektlerine kadar sayfa yapımcıları size şu anda blok düzenleyici tarafından iletilen avantajları sunar. Şimdilik. Bir sayfa üreticisi kullanarak bir sayfa oluşturduğunuzda, web sitesi ziyaretçileri için tam olarak nasıl göründüğünü görürsünüz. Sayfa üreticilerinin daha fazla öğrenme eğrisi vardır. Ve sitenizi yavaşlatabilecek ek işlemler ekleyebilir, ancak aksine, web siteleri oluşturmak için çok iyidirler. Son olarak, düşünülmesi gereken bazı malzemeler. Sayfa üreticisinin arkasındaki geliştirici onu desteklemeyi durdurursa ne olur? Web sitenizde ne oldu? Varsayılan Gutenberg düzenleyicisini kullanarak sayfada çalışabilirsiniz, ancak düzeninizi ve tasarımınızı bozmayacak mı? İlk günden beri varsayılan düzenleyiciyi kullanmak mantıklı mı? Bu düşünülecek bir şey olmalı! Sayfa üreticisi bir web tasarımının geleceği mi? Gutenberg bir web tasarımının geleceği olacak mı? Gutenberg sayfa üreticisinin yerini alacak mı? Basit cevap, ikisinin de sonsuza dek mutlu yaşayacağıdır! Sebebini açıklayacağız. Mevcut haliyle, Gutenberg Blok Düzenleyicisi sayfa üreticisinin yerini alamaz. Sayfa yapımcıları tarafından sağlanan özellikler çok daha güçlüdür ve nispeten kolay olan bazı şaşırtıcı web siteleri oluşturmanızı sağlar.
Gutenberg hala yetişmek zorunda. Ancak, Gutenberg Yolu haritasına baktığında ve WordPress’in blok düzenleyiciyi artırmak ve daha güçlü hale getirmek için bir planı olması gerektiğini göreceksiniz. Bununla birlikte, mevcut durumunda, Gutenberg ve sayfa yapımcıları farklıdır ve belirli amaçlar için kullanılabilir. Gutenberg içeriği daha kolay yönetirken, sayfa yapımcıları sayfa tasarımını kolaylaştırıyor. İkisini çeşitli özelliklerle karşılaştıracağız ve oranların nasıl olduğunu anlayacağız. Gutenberg Vs. Beaver Builder: İlk yetenek, mutlak temel bilgilerle başlayalım. Hem Gutenberg hem de Beaver Builder, web sayfalarınızı oluşturmanıza, düzenlemenize ve yönetmenize yardımcı olmayı amaçlamaktadır. Yeni Gutenberg blok editörü klasik bir editörden çok daha iyi yaparken, Beaver Builder karmaşık bir düzen yaparken kazanan oldu. Ya tam geniş bir içerik alanı üzerinde çalışıyorsunuz ya da arka plan efektleri ekliyorsunuz, Beaver Builder ve sayfa yapımcılarının çoğu bunu basitleştiriyor.
Beaver Builder’ı kullanarak, değeri girerek veya ihtiyaçlarınıza uyacak şekilde ayarlayarak satır ve sütunun genişliğini değiştirebilirsiniz.Gutenberg ile bu tür esnekliği kaybedersiniz.Sayfa üreticisi, sayfa oluştururken size daha fazla seçenek sunar.Öte yandan Gutenberg, blog yazıları yazmak için optimize edilmiş ve çok iyi içerik oluşturmanıza yardımcı olur. Gutenberg Vs.Beaver Builder: Yeni Gutenberg Blok Düzenleyicisinin kullanılması kolaylığı, bir sayfa oluşturmak için modüler bir yaklaşıma sahiptir.Blok ekleyin ve blok ayarlarını kullanarak ayarlayın.Tüm düzenleme WordPress kontrol panelinizin içinden yapılır.Beaver Builder ise ön uç üreticisi için benzersiz bir arayüz sunuyor.Çoğu iş sağdaki kenar çubuğundan yapılır.Yan çubuk seçenekleri yalnızca üst çubuktaki düğmeyi tıkladığınızda görünür.
Gutenberg ve Beaver Builder Page Maker’ı kullanarak nasıl bir sayfa yapacağınızı bilmek ister misiniz? Bunu daha sonra bu makalede tartışacağız. Gutenberg Vs. Beaver Builder: Ana özellik Gutenberg ve Beaver Builder sayfasının yapımcısının bazı ana özelliklerini görelim. Web sayfalarınıza eklemek istediğiniz hemen hemen tüm öğeler için, başlık blokları, metin, resimler, videolar, galeriler ve daha fazlası gibi bloklar vardır. Sadece bir blok ekleyin ve sayfanızı kolayca oluşturun. 2. Editör Wysiwyg Gutenberg, düzenleme sırasında neredeyse canlı ve gerçek sayfaları görmenizi sağlar. Ne aldığınızı gördüklerinizi (WYSIWYG) kullanarak, sayfanızın yayınlandıktan sonra nasıl görüleceğine dair adil bir resim elde edersiniz. 3. Blok Ayarlar Yukarıda listelenen tüm ayarlara sahip olduğunuz klasik editörlerden farklı olarak, yeni Gutenberg sürümü ayrı blok ayarlarını yönetmek için sezgisel bir arayüz sağlar. Hangi bloğu seçtiğiniz, ayarlar düzenleyicinizin sağ tarafında görüntülenir. 4. Tablo Sayfanıza tablo ekleme tabloları eskisinden daha kolay. Tablo bloğunu ekleyin, istediğiniz satır ve sütun sayısını yapılandırın, tablonuz sayfaya dahil edilecektir. 5. Klasik editörde kaybedilen bir şey düğme ve şimdi Gutenberg’in bir parçasıdır, bir düğme ekleme seçeneğidir. Bir düğme bloğu kullanarak, artık web sitenizde herhangi bir yere kolayca düğmeler ekleyebilirsiniz. Metni de düzenleyebilir ve düğme ayarları aracılığıyla bir bağlantı ekleyebilirsiniz. 6. Çapa Desteği
Gutenberg’deki bir başka yeni özellik de HTML ankrajları ekleme yeteneğidir. Bu, uzun form içeriğine sahip olduğunuzda ve içerikteki belirli parçaları yönlendirmek istediğinizde çok yararlıdır. HTML ankrajlarını ekleyin ve içeriğinize gidin. Bu şekilde, referans verilen içeriğe geri dönmenize gerek yoktur. 7. Tam Genişlik Desteği İçeriğinizin sayfanın genişliği boyunca gerilmesini mi istiyorsunuz? Bu artık Gutenberg sayfa editörü ile bir olasılık. İstediğiniz zaman geniş içerik oluşturma esnekliğine sahipsiniz. Sayfanızı, satırlar ve sütunlar dahil olmak üzere çeşitli öğeleri (modüller olarak da adlandırılır) hareket ettirerek görsel olarak yönetebilirsiniz. Sürükle ve bırak özelliğini kullanarak, sayfanızın yayınlanmadan önce nasıl görüldüğüne dair doğru resmini elde edersiniz. 2. Beaver Builder’ın bir başka TemplateFitur sayfa şablonudur. Bir sayfa yaptığınız ve tekrar kullanmak istediğiniz zamanları biliyor musunuz? Sayfa üreticisi ile tüm sayfayı bir şablon olarak saklayabilir ve daha sonra tekrar kullanabilirsiniz. Buna ek olarak, Beaver Builder ayrıca web sitenizdeki bizim gibi, bizimle iletişime geçme, yön sayfaları ve diğerleri gibi diğer sayfalar için bir şablonla donatılmıştır. 3. Özelleştirme Web sayfası öğelerinizin her birini ayarlamanın yanı sıra, Beaver Builder ayrıca sayfa düzeyinde özel CSS ve JavaScript eklemenizi sağlar. Bu şekilde, tüm web sitesini değiştirmenize ve istediğiniz sayfayı ayarlamanıza gerek yoktur. 4. Duyarlı Ekran
Sayfa ekranınızı mobil cihazlarda yönetmek çok kolaydır. Beaver Builder’ın sahip olduğu duyarlı bir ekran özelliğiyle, cihazın boyutu arasında kolayca geçiş yapabilir ve sayfalarınızı ayarlayabilirsiniz. Hücreseldeki belirli öğeleri gizlemek ve sadece masaüstünde görüntülemek ister misiniz? Beaver Builder bunu yapmayı çok kolaylaştırıyor. 5. Modülleri Kaydet ve Yeniden Kullanın Tüm şablonun depolanmasına benzer şekilde, modülleri depolama seçeneğiniz de vardır. Modülünüz satırlar, sütunlar, metin, görüntüler, CTA ve daha fazlasını içerebilir. Yani, bu modülü Global olarak sakladığınızda, web sitenizde tekrar kullanabilirsiniz. Ve küresel bir modül kullanmanın en iyi yanı, modülde değişiklik yapabilmeniz ve bu web sitenize yansıtılabilmenizdir. Bu, özellikle sitenizde birkaç kez kullanmak istediğiniz CTA veya altbilgiye sahip olduğunuzda yardımcı olur. Bu konuyu tartıştığımızda, birkaç fantastik web sitesi oluşturmaya yardımcı olacak ek modüller arıyorsanız, Beaver Builder için Ultimate Addons’ımıza bakın. Geriye doğru saymak için bir modülümüz, flip kutuları, atlıkarınca görüntüler, ilerleme bıçakları, yıldız sıralamaları, içerikler ve diğerleri! Gutenberg Vs. Beaver Builder: Aşağıdaki temel fark Gutenberg ve Beaver Builder arasındaki temel farklardan bazılarıdır. Sürükle ve Bırak Gutenberg tipik sürükleme ve bırak sayfa üreticiniz değildir. En azından, bu makaleyi yaptığımızda değil. Bir blok ekleyip yukarı veya aşağı hareket ettirebilmenize rağmen, karmaşık bir düzen yapmak blok düzenleyicisinde zor olabilir. Öte yandan Beaver Builder, farklı bir sürükleme ve gevşek sayfa üreticisidir. Seçtiğiniz bir blok veya widget’ı seçin, kolayca sürükleyin ve serbest bırakın, karmaşık bir düzen yapın ve sayfa üreticinizi kullanarak daha fazlasını yapın. Blok ve Widget Editor Block Gutenberg, uygun sayıda blokla birlikte gelir. Bir web sitesi oluşturmanız gereken yaygın olarak kullanılan blokların çoğu ele alınır. Ayrıca blokları diğer sayfalarda saklama ve yeniden kullanma seçeneğiniz vardır. Beaver Builder daha fazla blok, widget ve modül ile birlikte gelir. Premium sürüm daha fazlası ile birlikte gelirken, sayfanın hafif sürümü Gutenberg editöründen daha fazla blok ve widget ile birlikte gelir. Daha sonra yeniden kullanılacak blokları, satırları veya tüm şablonları depolamak ister misiniz? Bu sayfanın üreticisiyle çok mümkün. Bu bloğun konusunu tartıştığımızda, blok düzenleyicinize birkaç fantastik blok eklemek istiyorsanız, Gutenberg (UAG) için ekim yediğimiz Ultim’i indirmeyi düşünün. 25+ blokla, birkaç şaşırtıcı web sitesi kolayca yapabilirsiniz. Ve en iyi kısmı kullanım için ücretsiz UAG! WordPress Block Düzenleyicisine eklediğiniz her bloğu biçimlendir kendi biçimlendirme seçeneğiniz vardır. Ancak, seçimin sınırlı olduğunu kabul edeceksiniz. Bazı ek stiller ve biçimlendirme eklemek istiyorsanız, özel bir CSS eklemeniz gerekir. Beaver Builder’ın daha fazla stil seçeneği vardır. Çizginin yüksekliğinden ve karakterler arasındaki mesafeden gradyanların, yazı tipi simgelerinin kullanımına ve bloğun arka plan rengini değiştirmeye, bu aracı kullanarak yapabileceğiniz daha fazlası vardır. Gutenberg bloğunu kullanarak yaptığınız düzenin düzeni oldukça kolaydır. Sütunlar, tablolar ve tam genişlik seçeneklerini kullanarak basit ve etkili bir düzen yapmanıza izin verir. Burada bir kez daha, daha karmaşık bir düzen yapmanız gerektiğinde sınırlı olabilirsiniz. Beaver Builder size ek esneklik sağlar. İstediğiniz gibi içerik eklemenin yanı sıra, düzeninizi tasarımınıza uygun olarak değiştirebilirsiniz. Belirli öğelere üst üste binen metinler eklemek ister misiniz? Widget’ınız ve blokunuz için daha fazla tasarım seçeneği mi istiyorsunuz? Beaver Builder kullandığınızda tüm bunlar ve daha fazlası. Sayfa üreticisi ayrıca tema stilini değiştirmenizi sağlar. Bu şekilde, ne yaptığınızı bildiğiniz sürece kendi özel düzeninizi oluşturabilirsiniz. Gutenberg Vs. Beaver Builder: Gutenberg’in doğrudan düzenleme deneyimi, Beaver Builder ile aynı düzeyde düzenleme deneyimi sunmuyor. Gutenberg bunu klasik bir editörden çok daha iyi yapsa da, sayfa yapımcısı tarafından sunulan doğrudan düzenleme deneyimine yaklaşmadı. Bir blok düzenleyici kullanarak sayfalar (veya yayınlar) oluşturduğunuzda veya düzenlediğinizde, gerçek sayfanızın ne olduğunu göremezsiniz. Gutenberg editörü, öfkeyle içeriğinizin nasıl olduğunu göstermek için en iyisini yapar. Gerçek görünümü görmek için sayfalarınızı incelemeniz veya yayınlamanız gerekir. Beaver Builder kullanarak sayfalar oluşturduğunuzda veya düzenlediğinizde, sayfanızdan doğru önizlemeyi alırsınız. Bu, siteyi doğrudan düzenlemek ve yayınlanmadan önce görünüşüne bakmak gibidir. Gutenberg Vs. Beaver Builder: Mobil cihazların trafiğe duyarlı özelliği artar. Rapor, 2021’in ilk çeyreğinin mobil cihazlardan kaynaklanan küresel trafiğin% 54,8’ini gördüğünü gösteriyor. Google, duyarlı web sitelerini artırır ve hücresel kullanıcılar için olağanüstü kullanıcı deneyimi sağlar. Tüm bunlar, web sitenizin mobil cihazlar için optimize edildiğinden emin olmanız gerektiğinin açık bir göstergesidir. Hücresel duyarlı web siteleri oluşturma açısından, sayfa yapımcıları bunu Gutenberg’den çok daha iyi yapıyorlar. Ve bu, yeni tartıştığımız doğrudan düzenleme ile yakından ilişkilidir. Beaver Builder kullanarak, çeşitli ekran boyutları arasında kolayca geçiş yapabilir ve web sitenizi tüm cihazlara uyacak şekilde düzenleyebilirsiniz. Metin alanı veya ek satır yüksekliği eklemek ister misiniz? Mobil cihazlarda metin boyutunu azaltmak ister misiniz? Elementleri yalnızca masaüstünde görüntülemek ve mobil cihazlarda gizlemek ister misiniz? Bütün bunlar Beaver Builder için mümkün. Mevcut haliyle, bunu Gutenberg ile elde etmek zor olabilir ve kullandığınız WordPress temasından birçok yanıt gelecektir. Bu nedenle, duyarlı web siteleri oluşturma açısından sayfa yapımcılarını tercih ediyoruz. Elbette Astra’yı kullanmadığınız sürece, kutunun dışında duyarlı! Gutenberg Vs. Beaver Builder: Beaver Builder’ın devam eden özellikleri gelişmiş özellikler açısından çok daha iyi. Beaver Builder’ın Lite sürümünü kullansanız bile, hala geçerli blok düzenleyici sürümünden daha fazla seçeneğiniz var. Örneğin arka plan etkisini ele alalım. Aşağıda, Beaver Builder kullanılarak üst ve alt kenarlara uygulanan eğik bir kenar örneğidir. İşte üst kenara uygulanan beyaz üst dalgaların diğer örnekleri. Arka plan paralaksı, fare paralaksı veya hatta Ken Burns efektleri (önceden belirlenmiş geçiş hızlarıyla yakınlaştırma ve yakınlaştırmaya benzer) gibi ek efektler mi istiyorsunuz? En sevdiğiniz sayfanın üreticisini deneyin. Metninize de marj ve dolgu eklemek ister misiniz? Beaver Builder bunu çok kolaylaştırıyor! Aynı şekilde, Beaver Builder kullanırken birkaç gelişmiş özelliğiniz var. Gutenberg Block Editor’u kullanırken özleyeceğiniz bir şey. Gutenberg Vs. Beaver Builder: Sayfalar üzerindeki etkisi, sayfaların sayfalarını sonsuza dek Google’a kadar önemli bir faktör haline getirir. Çok önemli bir kullanıcı deneyimi ile sayfanızın hızlı bir şekilde yayınlanmasını sağlamak çok önemlidir. Peki, sayfa hızı açısından, ikisi hangisi daha hızlı içeriyor? Gutenberg veya Berang Builder? Test etmenin en kolay yolu, biri Gutenberg ve diğeri Beaver Builder’ı kullanan iki özdeş sayfa yapmaktır. Ardından Google PagePeed Insights veya GT Metrix gibi araçları kullanın. Bu size sayfayı yüklemek için doğru zamanı verir. Birkaç test yaptık ve Gutenberg kullanarak yapılan sayfaların Beaver Builder kullanılarak yapılanlardan daha hızlı olduğunu belirttik. Sonuç, değerlendirmeniz için burada. Aşağıdaki test sonuçları Gutenberg ve yeni başlayan şablonumuz kullanılarak oluşturulan sayfada çalıştırılmaktadır. Yükleme Süresi 2,5 saniye. Aynı testi çalıştırıyoruz, bu sefer Beaver Builder ve yeni başlayan şablonlar kullanılarak oluşturulan sayfada aynı.
Yükleme süresi 4.3 saniyedir. Sonuç oldukça kolay. Gutenberg kullanılarak yapılan sayfa daha hızlı yüklenir. Gutenberg kullanılarak oluşturulan sayfada daha az tarayıcı isteği, daha küçük sayfalar, yüklemek için CSS ve JS gibi daha az dosyaya ve genel olarak daha hızlı yüklenir. Bu, Woocommerce kullanılarak oluşturulan çevrimiçi mağazalar için de geçerlidir. Gutenberg Vs. Beaver Builder: Fiyat fiyatı ikisi arasındaki önemli farklılıklardan biridir. Gutenberg WordPress ile doludur ve kullanımı tamamen ücretsizdir. Çoğu sayfa yapıcı, aynı zamanda ücretsiz olan hafif bir sürümle birlikte gelir. Ancak, yakında en iyi özelliklerin ve işlevselliğin ödeme paketinin arkasında olduğunu öğreneceksiniz. Ve bu ucuz değil. Beaver Builder, ilk yıl için 99 dolarlık standart bir paketle geliyor ve ajans paketi için yılda 399 dolara kadar devam ediyor. Uzatma için% 40 indirim olmasına rağmen, bu, dikkate almanız gereken yıllık bir ücrettir.
Lisansınızı güncellemeyerek, bu önemli güncellemeyi kaybedebilirsiniz ve bazı durumlarda hasarlı bir site ile biter! Gutenberg ile bir sayfa nasıl yapılır Bu bölümde, Gutenberg Blok Düzenleyicisi’ni kullanarak başından beri basit bir sayfa oluşturacağız. WordPress kurulumunuzda Gutenberg için Astra ve Ultimate Addons temasını yüklediğinizi varsayıyoruz. Sayfaya dahil edilecek genel unsur, en iyi kahraman resmi, bizim hakkımızda bazı metinler, hizmet görüntüleriniz, ekibiniz, referans ve belki de harekete geçme davetiyesidir. Sayfaları Aç> Yeni Ekle. Sayfamızı ‘yeni bizim hakkımızda’ (çok benzersiz!) Adım 2: Bir sonraki adımda bir blok ekleyin, sayfamıza başlık blokları, resim blokları gibi bloklar eklemeliyiz. ve benzeri. Yukarıdaki artı simgesini tıklayın ve istediğiniz bloğu seçin. Kahramanlarla başlamamız gerektiğini düşünürsek, bir resim bloğu arayalım.
Kahramanların resimleri, en iyi paroda çok sayıda gayrimenkul çeken kişidir. Minimum genişliğinde 1200 piksel olan görüntüleri kullanmayı düşünün. Resmin üzerine biraz metin eklemek ister misiniz? Yukarıdaki 2. Adımda gösterildiği gibi ‘Görüntünün Yukarıdaki Metin Ekle’yi tıklayın. Bu seçenek yalnızca görüntüleri seçtiğinizde görünür. Bir görüntüyü düzenlemek istiyorsanız, sağ tarafta sağlanan ayarları kullanın. Bittiğinde, sayfa için sizinle ilgili bir kahraman görüntüsü hazırladınız. Aynı işlemi sayfanıza eklemek istediğiniz diğer bloklar için tekrarlayın. Gerekli tüm blokları ve içeriği eklemeyi bitirdikten sonra, görünümü görmek için sayfanızı yayınlayın. Ayrıca, WordPress ve Gutenberg ile başladığınızda nasıl bir sayfa oluşturacağınızı anlamanızın en iyi yolu budur. Web sayfanızla hızlı bir şekilde başlamak istiyorsanız, başlangıç şablonlarımızdan birini kullanmanızı öneririz. UAG Şablon düğmesini tıklayın. Web sitenizi başlatmak için kolayca içe aktarabileceğiniz ve kullanabileceğiniz profesyonel olarak tasarlanmış bir dizi şablon bulacaksınız.
Bir sayfa yaptığımızda arama alanını arayın.Şimdi size özellikle sayfalar için tasarlanmış bir dizi şablon gösterilecektir.İhtiyaçlarınıza uygun olanı seçin ve “Hakkında” Şablonlar İçe Aktar’ı tıklayın.Şimdi ayarlanmaya hazır olan tam olarak yapılmış bir sayfanız olacak.Ve yeni başlayan bir şablon kullanmadan baştan sona bir sayfa oluşturmak isterseniz, ancak 1. ve 2. adımlarda tartıştığımızdan daha kolay bir seçenek istiyorsanız, yukarıdaki Desen sekmesini tıklayın.
İçe aktarabileceğiniz bazı hazır kalıplar göreceksiniz. Blok deseni, başlangıç şablonunuza benzer bir şablon için hazır bir şablondur. Tek fark, yeni başlayan şablonların tüm sayfalar veya web siteleri olmasına rağmen, blok desenlerinin her sayfa bölümü için şablonlar olmasıdır. Örneğin, Web sayfanızdaki SSS bölümünü veya referans bölümünü eklemek istiyorsanız, daha önce solda belirtilen kategoriden yapılmış olan bloğu seçebilirsiniz. Bizim durumumuzda, ekipler, referanslar, hizmetler, ürünler, harekete geçirme davetiyesi ve diğerleri gibi engelleme modelinizi kategorisini seçin ve eklemeye devam edin. Blok deseni daha önce eklediğiniz bloğa benzer. Sadece bu sefer, bir desende bir grup blokla geldi. Seçim deseninizi içe aktarın, sayfanızı oluşturun ve Yayınla’yı tıklayın. Ve Gutenberg’i kullanarak sayfayı bu kadar basit yapıyor! Bir sonraki Beaver Builder ile nasıl bir sayfa oluşturulur Beaver Builder kullanarak bir sayfa nasıl oluşturulur. Beaver Builder’ı yüklediğinizi varsayıyoruz. Ayrıca Beaver Builder için tasarlanmış profesyonel bir şablon kullanmak ve web sitesi tasarımınızı hızlı bir şekilde başlatmak istiyorsanız, başlangıç şablonumuzu da yükleyebilirsiniz. Ve sayfanızı adlandırın. Visual Beaver Builder editörü sayfanızı açar.
