Divi 5 patikayı nasıl alevlendiriyor (hala alfadayken)

Divi 5 tartışmasız şekilleniyor. Divi 5'e ilk yeni özelliğimizi başlattığımızdan bu yana sadece dört ay geçti - özelleştirilebilir kesme noktaları - ve o zamandan beri istikrarlı ve etkileyici bir ilerleme kaydettik. Bu dört ay içinde, Divi 5'e yedi çığır açan özellik daha yayınladık. Bu, Divi Kod tabanının tam revizyonumuz sırasında oluşturduğumuz güçlü temeli gösteriyor.

Ve yeni başlıyoruz. Divi'nin diğer WordPress temaları ve sayfa oluşturucularıyla nasıl karşılaştırıldığına geniş bir şekilde bakalım. Belirtildiği gibi, önümüzdeki birkaç ay boyunca boru hattında hala çok şey var, ancak Divi 5'in bulunduğu yer için minnettar olmak ve diğer çözümlerle karşılaştırmak için biraz zaman almaya değer. Bu 360 derecelik bir karşılaştırma değil, daha genel bir anket.

Not: Divi 5 yeni web sitelerinde kullanılmaya hazırdır, ancak mevcut siteleri henüz Divi 5'e dönüştürmenizi önermiyoruz.

Divi'nin geri dönüşünde ilerleme

2025 Divi 5 yılıdır. WordPress'te en iyi site oluşturma deneyimini oluşturmak için elimizden geleni yapıyoruz.

Bu, kaputun altındaki temel değişikliklerle başladı ve şimdi yeni bir tasarım sistemine ve destekleyici özelliklere dönüşüyor.

1. yeniden düzenlenmiş ve modern kod tabanı

Divi 5, hızlı düzeltmeler ve güncellemelerden oluşan bir patchwork'ten gelmedi. Her modül, ayar ve etkileşim, daha temiz, daha hızlı ve genişletilebilir yeni bir mimariyi desteklemek için yeniden yapılandırıldı.

Buna karşılık, oksijen aylarca gelişimi duraklattı ve daha sonra mevcut oksijen bölgeleri için yükseltme yolu olmayan yeni bir inşaatçı başlattı. Eğer eski ürünlerine yatırım yaptıysanız, yeni çerçevelerinde yeniden inşa etmek veya güvenlik güncellemelerine razı olmak (veya tamamen farklı bir inşaatçıya geçiş yapmak) zorunda kalırsınız.

Oksijen V4, yeni duyurulan V6 ile uyumlu değil

Divi 5 farklıdır. Gelecek için bir temel oluştururken odakta geriye dönük uyumluluğu koruduk.

Daha küçük takımlar yeni platformlar geliştiriyor veya eski platformlar geliştiriyorlar, ancak zaman içinde nasıl gelişecekleri belirsiz. Builderius veya Etch gibi platformlar renkli manifestolara sahiptir, ancak henüz uzun ömürlülükleri ile kanıtlanmamıştır. WPBakery hala her yıl özelliklerin bir damlaması ile eski bir temelde çalışıyor ve ayrı, uyumlu olmayan bir web sitesi oluşturucu inşa ediyorlar.

Blok editörü, WordPress tasarımının yeni bir dönemi vaat etti, ancak geliştiricilere büyük ölçüde hitap etti. Çoğu site sahibi hala sınırlayıcı ve karmaşık buluyor, bu yüzden onu uygulanabilir hale getirmek için bir eklenti ile destekliyorlar.

Bunlar sadece eklentilerden sadece birkaçı, daha fazla ek temadan bahsetmiyorum bile

Zarif temalar on yıl süren bir sicile sahip büyük, istikrarlı bir ekibe sahip olduğundan, buhar yazılımı veya deneysel bir ürün üzerine bahis oynamıyorsunuz.

2. WordPress için en iyi önceden ayarlanmış sistem

Çoğu tasarım sistemi yalnızca seçici global stilleri veya tema.json dosyalarını kullanır. DIVI 5, özel CSS ve yerel tasarım değişkenlerini destekler, ancak seçenek grubu ve eleman ön ayarları da dahil olmak üzere kapsamlı bir ön ayar sisteme sahiptir.

Seçenek grupları ön ayarları, benzer ayar gruplarına sahip elemanlar arasında çalışır. Bu, örneğin başlıklarınıza, boşluk, boyutlandırma ve sınır yarıçapınıza tutarlılık getirmenin harika bir yoludur.

Eleman ön ayarları Divi ile uzun zamandır civarındadır ve çeşitli bağlamlarda kullanılan modüllere tasarımları kolayca uygulamanıza izin verir. Diğer inşaatçılar küresel stiller sunabilir, ancak Divi 5, ayar gruplarını oluşturulabilir bir şekilde oluşturmanıza ve yeniden kullanmanıza izin vererek daha da ileri gider. Bu, büyük ölçüde Divi'ye özgü büyük bir üretkenlik yükseltmesidir.

3. Tasarım değişkenleri

Tasarım değişkenleri hakkında bilmeniz gereken iki önemli şey vardır:

1. Tasarım değişkenleri CSS değişkenlerine benzer şekilde çalışır ve yeniden kullanılabilir değerleri kullanıcı arayüzünde saklamanıza izin verir.
2. Tasarım değişkenleri, tipik CSS değişkenlerinin içeriği de içerecek şekilde üstesinden gelebileceklerin ötesine geçer (resimler, URL'ler ve metin dizeleri düşünün)

Tuğlalar renk ve aralık belirteçlerini destekler, ancak Divi'nin değişkenleri daha derine iner. Harekete geçirici mesaj, görüntüler ve hatta belirli URL'ler gibi şeyleri değişken olarak tanımlamanıza ve mantıklı olan her yerde yeniden kullanmanıza izin verirler.

Elementor, WPBakery ve Block Editor, sistem çapında hiçbir değişken sunmaz. Tabii ki, Divi buna sahiptir ve aynı zamanda uygun gördüğünüz gibi CSS değişkenlerini kullanmanıza izin verir.

4. Tüm CSS birimlerini kullanma yeteneği

Artık temel birim sınırlamaları yok. Divi 5, VW, REM, Fit-Content, Clamp () ve Calc () dahil olmak üzere geçerli CSS ünitesini kabul eder. Özel CSS aracılığıyla ekleyebileceğiniz CSS değişkenlerini bile kullanabilirsiniz.

Değişken Yöneticide bile editör genelinde gelişmiş CSS birimleri ve işlevlerini kullanın

Divi 5, CLAMP (), Calc () ve birimsiz değerler dahil tüm modern CSS birimlerini destekler. Bu, tasarımcılara rahat oldukları CSS birimleri ile sıvı düzenleri, ölçeklenebilir tip ve duyarlı aralık üzerinde kontrol sağlar.

5. Vakıf Volanı

Divi 5'in yeni mimarisi için en iyi getiri kanıtı nedir? Yeni özellikler yayınladığımız hız. Evet, yukarıda gösterdiğimiz özellikler (ve bu noktanın altında) mükemmel eklemelerdir, ancak toplamda onlar hakkında etkileyici olan şey çok hızlı bir şekilde yaratılmış olmalarıdır.

Sadece üç ay içinde yedi büyük özellik yayınlandı. Bu kasıtlı bir volan etkisinin sonucudur.

Pace: Her 12.3 günde bir yeni ve büyük bir Divi 5 özelliği!

Diğer inşaatçıların benzer özellikleri yayınlaması genellikle aylar alır, çünkü sistemleri her adımda onlarla savaşır. Kum üzerine gökdelenler inşa etmeye çalışıyorlar.

Divi 5, aksine, büyümek ve genişlemek için tasarlanmıştır. Divi'nin en iyisini aldık, modernize ettik ve korkusuzca ekledik, bu yüzden WordPress'te inşa etmek için en iyi şey. Divi 5 halka açık beta ve ötesine çarptığında, rekabeti kovalamayacağız, ancak herkesin takip etmesi için yeni standartlar yaratmayacağız.

6. İnanılmaz Hız

Divi 5'te inşaatçı daha hızlı yanıt verir, değişiklikleriniz daha hızlı hale gelir ve büyük sayfalar gecikmez. Neden? Sadece ihtiyaç duyulanları yüklemek için her şeyi yeniden inşa ettik. Yeni motor, gereksiz komut dosyalarını denklemden kaldıran akıllı kod bölme ve optimize edilmiş modül mantığı kullanıyor. Ayrıca, uzun güncelleme zincirlerinden veya dairesel bağımlılıklardan kaçınmak için her etkileşimi en iyi uygulamalarla ele alır.

Elementor editörde yavaştır ve tuval modunda olsanız bile bunu hissedebilirsiniz (editöre yüklü veya altbilgi yok).

Divi önemli ölçüde daha iyi performans gösterir. İnşaatçı içindeki herhangi bir öğeyi ne kadar hızlı çoğaltabileceğinize dikkat edin.

Her yeni özellik, editör ve ön uçtaki hız için titizlikle test edilir. Bir modül açtığınızda veya bir bölümü sürüklediğinizde bunu hissedeceksiniz. Arayüz çok çabuk ve değişiklikler anında gerçekleşiyor.

Hatta sevgili ama halsiz animasyonlarımızı bile kaldırdık, bu yüzden tıklama, bekleme, yük döngülerinden geçmenize gerek yok.

7. Gerçekten modern hissettiren görsel bir inşaatçı

Hızın ötesine geçerek, havanın hemen farklı olduğunu fark edeceksiniz. Divi 5'in yeni arayüzü sizinle savaşmıyor. Paneller varsayılan olarak yerleştirilir; Onları gerektiği gibi patlatabilirsiniz. Kullanıcı arayüzünü koyu/ışık modları ve özel vurgu renkleriyle özelleştirebilirsiniz. Yeni bir tasarım dönemi için yeni ve profesyonel bir kullanıcı arayüzü.

Her şeyin okunması kolaydır. Bu küçük bir yükseltme gibi gelebilir, ancak sıkışık bir arayüzde tasarım yapmak için saatler geçiren herkes bunun ne kadar önemli olduğunu bilir.

Katmanların görünümü ve röntgen geçişi, görsel olarak karmaşık sayfalarda tasarımlarınızı anlamanıza yardımcı olur.

Bir Divi Classic olan Wire Frame görünümü, tasarım özelliklerini oluşturmadan sayfanızı kesinlikle düzen perspektifinden görmenizi sağlar.

8. Özelleştirilebilir kesme noktaları

Üç sabit kesme noktası yerine, artık yedi tane var. Yedi de özelleştirilebilir, yani her bir kesme noktası için ekran boyutlarını özelleştirebilirsiniz. Bunları geleneksel kesme noktası değerlerine ayarlayabilir veya ilk bir tasarım yaklaşımı alabilir ve bunları sitenizin akışının ve tasarımının ihtiyaçlarına uyacak şekilde özelleştirebilirsiniz.

Gerçek avantaj? Editöre entegre edilmiş ve kolayca erişilebilirler. Akışınızı terk etmeniz veya bunları kullanmak için site ayarlarının derinliklerinde üç veya dört menüde kazmanız gerekmez. Breakpoint'e özgü stilleri doğrudan tuval üzerinde test edebilir ve değiştirebilirsiniz.

Devrimci değil, ama tasarımcılar için daha pürüzsüz, daha doğrudan ve daha dostça. WPBakery veya yerel blok düzenleyicinin aksine, Divi 5, bir kod çizgisine dokunmadan duyarlı kesme noktaları üzerinde tam kontrol sağlar.

Henüz bitmedik (ama zaten ilerliyoruz)

Divi 5 kıpırdatmıyor. Hızlanıyor. Henüz özelliksiz değil, ama biz zaten bunu yapıyoruz, böylece Divi rekabeti yakalayıp sıçrayabilir. Mevcut siteler, güncellemeden önce genel beta için beklemek isteyebilir, ancak geçiş sistemimiz 3. taraf modülleri ve benzeri için mükemmel bir şekilde uyumluluğu ortadan kaldırmaya başladığında size bildireceğiz.

Her şeyi yeniden inşa ettik, geçmiş sınırlamalarımızı kaldırdık, her iki haftada bir yeni bir özellik gönderdik ve yeni başlıyoruz. İşte bundan sonra ne olacağına bir bakış:

Divi ile renk sistemleri için yeni bir dönem

Divi'nin renk sistemi bir yükseltme alıyor.

HSL tabanlı renk oluşturma için tam destek ekliyoruz. Bu, renk tonu, doygunluk ve hafiflik değerlerinin tasarımınızda programlı olarak ayarlanabileceği anlamına gelir. Markanızın küresel paleti ile güzelce senkronize olan “birincil renk,% 20 daha hafif” gibi göreceli renkler oluşturabilirsiniz. Bu, küresel renk yönetimimizin bir genişlemesi ve bir tasarım değişken yöneticisinin eklenmesidir ve bunu kullanmayı seveceğinizi düşünüyoruz.

Flex ile Düzenler

Yakında yeni satır şablonları, sütun kontrolleri, dikey hizalama, sarma ve aralık araçlarını kullanarak hayal ettiğiniz herhangi bir düzeni tasarlayabileceksiniz - hepsi Flexbox tarafından güçlendirilebileceksiniz. Düzen yapısını basitleştirecek, “özel bölümler” ihtiyacını ortadan kaldıracak ve sayfanızın her bölümüne yeni esneklik getirecektir.

Bunu iç içe satırlarla birleştirin ve daha az kod ve daha iyi performansla tamamen duyarlı, derin özel düzenler oluşturabilirsiniz.

Divi hızlı hareket ediyor

İnanılmaz yeni özellikler başlattık, Divi'nin hızını geliştirdik ve hepsini modern ve esnek bir editörde yaptık.

Ve şimdi, güvertede HSL renkleri ve Flexbox (ve diğer habersiz özellikler) ile tasarımcılara bekledikleri araçları veriyoruz.

Not: Divi 5 yeni web sitelerinde kullanılmaya hazırdır, ancak mevcut siteleri henüz Divi 5'e dönüştürmenizi önermiyoruz.