Divi 5 Mayıs İlerleme Güncellemesi: Divi 5'in Hızına Önizleme

Devasa bir projenin, Divi 5'in ortasındayız ve ilerlememiz hakkında topluluğu her ay güncellemeyi seviyorum. Geçen ay, böylesine büyük bir projeye Divi kullanıcıları için en avantajlı şekilde nasıl yaklaştığımızı daha iyi anlamak için Divi 5 beta programının beş aşamasını derinlemesine inceledik. Aşama 1, Dev Alpha'dayız ve Dev Beta'yı başlatmaya yaklaşıyoruz, bu noktada yeni Divi 5 API sağlamlaştırılacak. Bu yıl içinde ilk genel sürüm için çalışırken, daha fazla geliştiriciyi programa katılmaya davet edeceğiz.

Bu ayki güncellemede, Divi 5'te yaptığımız güncellemelerden bahsedeceğiz. Ayrıca size Divi 5'in ne kadar hızlı olduğunu göstereceğim ve ardından yakında çıkacak olan Divi AI özelliğimize kısa bir göz atacağım! Hadi kazalım.

Bu Ay Neler Yaptık?

Bu ay çok şey yaptık! Kullanıcı arayüzünün cilalanması ve sağlam bir Divi özelliklerinin tamamlanması gerekeceği ilk halka açık yayınımıza biraz daha yaklaşırken, birer birer doldurduğumuz pek çok küçük şey var. Bölüm ayırıcılar, arka plan videoları, koşul seçenekleri, duyarlı içerik üzerinde çalıştık ve birkaç hatayı düzelttik.

Çalışmalarımızın çoğu, Dev Beta sürümlerinin konusu olan Divi 5 API'yi sağlamlaştırmaya odaklandı. Buradaki genel eğilim, ekibimizin ve geliştirme topluluğumuzun harika Divi modülleri ve özellikleri oluşturmasını kolaylaştırmak için bir temel oluşturmamızdır. Bu kısmı doğru yapmalıyız ki diğer her şey istediğimiz gibi yerine otursun.

Divi 5'in yeni REST API'sini birleştirmek ve basitleştirmek için çalıştık. Bir Divi modülü oluşturmak için gereken süreyi önemli ölçüde azaltmayı amaçlayan birkaç yeni işlevi ve bunların uygulamalarını tamamladık. Yine Divi 5 projesinin geri kalanının daha hızlı ilerlemesi ve Divi 5'ten sonra eklediğimiz tüm modüllerin ve özelliklerin daha hızlı geliştirilmesi için temel düzeyde ekstra çalışmalar yapıyoruz.

Divi'nin geriye dönük uyumlulukta önemli bir rol oynayacak olan kısa kod dönüştürme yöntemini de yeniden düzenledik.

Daha ince ayrıntılarla ilgileniyorsanız, işte en son değişiklik günlükleri girişleri:

Divi 5.0.0-dev-alpha.4

• Kısa kod modülü ayarları kipindeki arka plan alanları için oluşturmayı düzeltin
• Normal ifade kalıp koşullarıyla kısa kod modülü ayar alanlarının görünürlüğünü düzeltin.
• Bölüm Bölücüler seçeneklerinin ön uç oluşturması eklendi.
• Birden çok seçiciye sahip modül seçenekleri için görsel oluşturucuda ve ön uçta düzgün çalışmayan fareyle üzerine gelme seçenekleri düzeltildi.
• @divi/scripts paketi yeniden düzenlendi ve testler eklendi
• Yayınlanan tür paketleri, halka yayınlanmaya hazırlanırken npm'ye

Divi 5.0.0-dev-alpha.5

• Önceki istek otomatik olarak iptal edildiğinde Kısa Kod modülünün başka bir istek göndermesine izin verin.
• Geçerli Kısa Kod modülü yapışkan olduğunda, yapışkan seçenekler düğmesini işleyin.
• Geçerli Kısa Kod modülü bir yapışkan modülün içindeyken yapışkan seçenekler düğmesini işleyin.
• Kullanılmayan varsayılan değer kaldırıldı Record<number, string | Shortcode modülünde <string, string>> yazın.
• Tek bir ürün sayfasında yanlış Woo Shortcode modülü öğelerinin gösterilmesi düzeltildi. Etkilenen Kısa Kod modülleri: Woo Ürün Bildirimi, Woo Ürün Resimleri, Woo Sepete Ekle, Woo Ürün Stoğu, Woo Ürün Fiyatı, Woo İlgili Ürünler, Woo Ürün Ek Satışı ve Woo Ürünleri.
• Desteklenmeyen modülü, modül bilgisi, REST API yolu, etiketi, test senaryoları ve hikaye kitabı ile birlikte Kısa Kod modülü olarak yeniden adlandırın.
• Modül Arka Plan Seçeneklerinde Arka Plan Videosu alanları eklendi.
• Arka Plan Videosunun Visual Builder'da REST API çağrıları olmadan yeniden düzenlenmiş oluşturması.
• Ön Uçta Arka Plan Video Modülü Seçeneklerinin işlenmesi eklendi.
• Ön Uçta Arka Plan Videosunu başlatmak için ScriptData eklendi.
• Yapışkan durumda Arka Plan Video Modülü Seçenekleri için destek eklendi.
• Bir Bölücü Stili seçilmemişse ek seçenekleri gizlemek için Modül Seçeneklerindeki Bölücü alanlarının görünürlüğü güncellendi.
• Tekrarı açıkça reddeden Bölücü Stili seçenekleri için Modül Seçeneklerinde Bölücü Yatay Tekrar ayarının görünürlüğü güncellendi.
• Modül Seçeneklerindeki Bölücü Düzenlemesi ayarının görünürlüğü, Tam Genişlik Bölüm ayarlarında gizlenecek şekilde güncellendi (burada yalnızca "aşağıdaki" varsayılan değere izin verilir).
• Modül Seçeneklerindeki Bölücü Stili alanı ön izlemesi, şu anda ayırıcıya uygulanan herhangi bir yatay ve/veya dikey çevirmeyi yansıtacak şekilde güncellendi.
• Varsayılan piksel ("px") birimine ek olarak yüzde ("%") değerlerinin kaydedilmesine izin vermek için Modül Seçeneklerindeki Bölücü Yüksekliği alanı güncellendi.
• Modül Seçeneklerinde Bölücü Yatay Tekrar ayarı yalnızca pozitif sayı değerlerini ("1x" veya daha yüksek) kabul edecek şekilde güncellendi.
• Yazar, Giriş Yapılmış ve Kullanıcı Rolü için başlangıç ​​koşulları dahil olmak üzere Koşullar seçenekleri temeli eklendi, geri kalan Koşullar gelecek sürümlerde aşamalı olarak eklenecek.
• <ElementStyle /> eşdeğeri olan ancak işlenmiş HTML öğeleri için ElementComponents bileşeni eklendi.
• <ElementStyle /> işlevine eşdeğer olan, ancak sınıf adlarını çıkaran işlevler için elementClassnames() işlevi eklendi.
• Yazı Tipi Başlığı Düzeyi hatası düzeltildi.
• Portföy Modülünde tetiklenen PHP Uyarıları düzeltildi.
• Kayıtlı tüm REST yollarına uygun REST izin geri araması eklendi.
• D4'ten D5'e yeniden düzenlenen işlevsellik testleri de dahil olmak üzere Divi rollerini belirlemek için yeni bir RoleEditor sınıfı tanıtıldı.
• Otomatik ET ve WP nonce ekleme ve akış yanıt desteği gibi .sendRequest() özellikleri fetch() işlevine eklenmiştir.
• Fetch(), daha iyi bakım ve ölçeklenebilirlik için tamamen yeniden düzenlendi ve .sendRequest()'in seçenekleri gibi yeni ve karmaşık koşulların ve özelliklerin getirilmesine olanak sağladı.
• Tüm REST API çağrıları, fetch(), logFetch() ve .sendRequest() birleştirildi ve artık sadece logFetch() kullanılıyor.
• Modüller için yeniden düzenlenmiş dönüştürme mekanizması.

Divi 5.0.0-dev-alpha.6

• İyileştirilmiş ve basitleştirilmiş REST API kaydı, mantık, şemalar ve testler. Divi/ajax paketi, divi/rest paketi olarak yeniden adlandırıldı.
• Inline Text Editor için InlineTextEditorContainer ve InlineTextEditor bileşenleri eklendi.
• Satır İçi Metin Düzenleyici için onBlur, onClick, onDoubleClick, onKeyDown, onKeyUp, onMouseDown ve onMouseUp işleyicileri eklendi.
• Satır İçi Metin Düzenleyici alanından öznitelik değerini güncellemek için bir kaydetme mekanizması eklendi.
• Satır İçi Metin Düzenleyici için düzenleme modunu etkinleştirmek ve devre dışı bırakmak için olay işleyicileri eklendi.
• Aktivasyon/deaktivasyona dayalı ClassNames ve __empty, __editing, __html gibi diğer durumlar eklendi.
• Satır İçi Metin Düzenleyici için CSS/Satır İçi Stil eklendi.
• Mousedown olay dinleyicisini eklemek için WindowEventEmitterInstance yeniden düzenlendi.
• Duyarlı içerik PHP yardımcısı tanıtıldı.
• Duyarlı içerik JS yardımcısı kullanıma sunuldu.
• FE betiklerinde duyarlı içerik işlevselliği eklendi.
• Ekip Üyesi modülünün Ad, Konum, Resim ve İçerik öğelerine duyarlı içerik uygulaması eklendi
• Bar Sayaçları modülünün Kullanım Yüzdesi, Yüzdesi ve Başlık öğelerine duyarlı içerik uygulaması eklendi
• Düğme modülünün Düğme Metni öğesine duyarlı içerik uygulaması eklendi.
• Toggle modülünün Başlık ve İçerik öğelerine duyarlı içerik uygulaması eklendi.
• Metin modülünün Metin İç öğesine duyarlı içerik uygulaması eklendi.
• Geri Sayım Sayacı modülünün Başlık öğesine duyarlı içerik uygulaması eklendi.
• Ses modülünün Başlık, Resim, Sanatçı Adı ve Albüm Adı öğelerine duyarlı içerik uygulaması eklendi.
• Kod modülünün İçerik öğesine duyarlı içerik uygulaması eklendi.
• CTA modülünün Başlık, İçerik ve Düğme öğelerine duyarlı içerik uygulaması eklendi.
• Görüntü modülünde duyarlı içerik uygulaması eklendi.
• Circle Counter modülünün Başlık öğesine duyarlı içerik uygulaması eklendi.
• Sayı Sayacı modülünün Başlık öğesine duyarlı içerik uygulaması eklendi.
• Sekmeler modülünün Başlık ve İçerik öğelerine duyarlı içerik uygulaması eklendi.
• Giriş modülünün Başlık ve İçerik öğelerine duyarlı içerik uygulaması eklendi.
• Bölücü modülünün Bölücüyü Göster seçeneğine duyarlı içerik uygulaması eklendi.
• Fullwith Header modülünün Title, Subhead, Content, Logo Image, Header Image, Button One Text ve Button Two Text öğelerine duyarlı içerik uygulaması eklendi.
• Fullwith Image modülünde duyarlı içerik uygulaması eklendi.
• Portföy modülünün Başlık ve İçerik öğelerine duyarlı içerik uygulaması eklendi.
• Shortcode modülüyle ilgili kodu Shortcode Module paketine yeniden yerleştirin.
• ElementStyle bileşenine yazı tipi başlığı stili oluşturucu ekleyin.

Divi 5'in Hızı

Bugünün gönderisini tamamlamadan önce, hız konusunu tartışmak istiyorum. Bildiğiniz gibi, Divi 5'e çok fazla yeni özellik eklemeyi planlamıyoruz. Ancak, bu yeni sürümle birlikte gelecek en önemli değişikliklerden biri, özellikle Visual Builder'da hızdaki büyük artış. , hepimizin çok fazla zaman geçirdiği yer.

Divi 5 Kullanıcı Arayüzü tamamlanmamış ve oluşturucunun özellikleri eksik olsa da, size sürekli bahsettiğim performans farkına bir göz atmak istedim. Bu yüzden lütfen bu videoda olayların nasıl görüneceğine dair yargılamayı bırakın, bu değişecek ve sadece etkileşimlerin hızına odaklanın!

Öğeler sayfada gezinirken her şeyin anında göründüğünü hemen fark edeceksiniz. Ayarlar açılır penceresini açmak, tasarım ayarlarını yapmak kadar hızlıdır. Bu, tahta genelinde bir gece ve gündüz farkıdır. Ayrıca, sayfanın ne kadar büyük ve karmaşık olduğunun da bir önemi yoktur. Visual Builder bunu halledebilir ve hızlı kalır.

Divi 4'te bu hız seviyesine ulaşmak mümkün değildi ve Divi 5'in yeniden mimarisinin bu kadar önemli olmasının nedenlerinden biri de bu.

Çok Yakında: Divi AI

Bu ayki Divi 5 güncellemesi için her şey bu kadar. Ancak, sizin için bir teaser'ım daha var. Neredeyse tüm ekibimiz Divi 5'e odaklanmış olsa da, Divi 5 gelişimini etkilemeyecek Divi 4 özellikleri üzerinde çalışan küçük bir grubumuz var ve şu anda çok heyecan verici bir şey üzerinde çalışıyoruz.

Buna Divi AI denir ve doğrudan oluşturucunun içinde Divi web siteleriniz için metin ve resimler gibi içerik oluşturmanıza yardımcı olmak için büyük dil modellerinden yararlanır! Divi'ye entegre olduğundan, içeriğinizi anlamlı ve inanılmaz derecede sezgisel bir şekilde oluşturmasına veya geliştirmesine yardımcı olmak için oluşturucu ve web siteniz hakkında bir şeyler öğretebiliriz.

Divi AI'ya kısa bir göz atmak için bugünün Youtube videosuna göz atın.

Daha Fazla Güncelleme İçin Bizi Takip Edin

Mayıs ayı ilerleme raporumuz bu kadar. Herhangi bir sorunuz varsa, yorum bıraktığınızdan emin olun. Gelecek ayın güncellemesi için bizi izlemeye devam edin, bir sonrakinde görüşürüz!