Divi 5 İlerleme Güncellemesi: Divi 5'in Genişletilebilirliğini Keşfetmek

Yayınlanan: 2023-07-07

Başka bir Divi 5 ilerleme güncellemesiyle geri döndüm. Divi 5'e aşina değilseniz, orijinal duyuru gönderimize göz atın. Kısaca söylemek gerekirse, performans, kararlılık, ölçeklenebilirlik ve genişletilebilirliğe odaklanarak Divi 5'te oluşturucuyu sıfırdan yeniden yaratıyoruz. Pek çok yeni özellikle gelmeyecek, ancak çok daha hızlı ve daha yetenekli olacak ve ekibimize ve topluluğa harika yeni modüller ve özelliklerle işe başlamak için ihtiyacımız olan araçları verecek.

Geçen ay, ışık hızındaki hızını göstermek için Divi 5 Visual Builder'ın bir demosunu verdim, bu yüzden bu videoyu kaçırdıysanız mutlaka izleyin.

Divi 5'in genişletilebilirliğinden bahsedeceğim ve bu ayki güncellemede hızlı bir tanıtım yapacağım. Ama önce, geçen ay ekibimizin neler yaptığından bahsedelim.

Bu Ay Neler Yaptık?

Geçen ay çok ilerleme kaydettik. Divi 5 beta programının bir sonraki aşaması olan Divi 5 Dev Beta'nın lansmanına yaklaşıyoruz ve bir sonraki güncellememde yayınlanacağını duyurmayı umuyorum.

Evdeyken, topluluktan içerik oluşturucuların ve ekibimizin Divi 5 modüllerini daha hızlı oluşturabilmesi için modül oluşturma sürecini basitleştirmeye odaklanmaya devam ediyoruz. Bu aşamada ortaya koyduğumuz çalışma, ilerleyen aşamalarda meyvelerini verecek ve nihai hedefimiz Divi 5'i daha erken ele geçirmek olacak.

Değişiklik Günlüğü Girişleri:

Yeni ve geliştirilmiş bir öğe tabanlı öznitelik sistemini dahil etmek için şu anda oluşturulmuş tüm modüller yeniden düzenlendi.
Satır İçi Metin Düzenleyiciden Değer Kaydetmek için package/module-utils'e saveInlineEditorValue Util İşlevi eklendi
Modül Özniteliğinin Satır İçi Düzenlenip Düzenlenemeyeceğini Kontrol Etmek için paketlere/modül-utils'e canEditInline Util İşlevi eklendi
Pano Verilerini İşlemek İçin Satır İçi Metin Düzenleyiciye onPaste İşleyici Olayı Eklendi
Oluşturucu'da Satır İçi Metin Düzenleyici Olay Tabanlı sınıf Adları veri-* Seçicilerle (örn: et-vb-editable-element–empty, et-vb-editable-element–html) değiştirildi.
Data-* Seçicili Satır İçi Metin Düzenleyici için CSS Güncellendi (örn: [data-et-vb-editable-element]).
Modülün Düzenlenebilir Olup Olmadığını ve Kullanıcının Düzenlemek İçin Uygun İzne Sahip Olup Olmadığını Kontrol Etmek İçin Satır İçi Metin Düzenleyici Güncellendi
Satır İçi Metin Düzenleyici Düzenleme Modundayken Kısayolları Devre Dışı Bırakmak İçin Yeniden Düzenlenen Klavye Kısayolu Deposu
Başlık İçin Ses Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Başlık İçin Blurb Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Başlık İçin Bar Sayacı Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Başlık İçin Daire Sayacı Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Kod (HTML) İçeriği İçin Kod Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Başlık İçin Geri Sayım Sayacı Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Başlık ve Alt Başlık için Tam Genişlik Başlık Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Kod (HTML) İçeriği İçin Tam Genişlik Kod Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Başlık İçin Oturum Açma Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Başlık İçin Sayı Sayacı Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
İsim ve Pozisyon İçin Kişi (Ekip Üyesi) Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Başlık, Alt Başlık, Para Birimi, Toplam ve Sıklık için Fiyatlandırma Tablosu Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Slayt Başlığı İçin Kaydırıcı Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Sekme Başlığı İçin Sekmeler Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Yazar, İş Unvanı ve Şirket Adı için Referans Modülüne Satır İçi Metin Düzenleyici işlevi eklendi
Başlık için Modülü Değiştirmek İçin Satır İçi Metin Düzenleyici işlevi eklendi
Modül Yönetici Etiketleri için Tel Kafes Görünümüne Satır İçi Metin Düzenleyici işlevi eklendi
Modül Özniteliği Boş Değerle Düzenlendiğinde Varsayılan Metni Ayarlamak İçin Satır İçi Metin Düzenleyici işlevi güncellendi (örn. Tel Kafes Görünüm Modunda Yönetici Etiketleri)
Satır İçi Metin Düzenleyici için Düzenleme Modunun Kilitli Modül İçin Etkinleştirilmemesini Sağlamak İçin Test Durumları Eklendi
Beklendiği Gibi Çalıştığından Emin Olmak İçin Satır İçi Metin Düzenleyiciyi Kullanan Tüm Modüllerde Testler Eklendi.
Zengin Metnin Satır İçi Düzenlenmesi İçin Oluşturucuya Temel InlineRichTextEditorContainer Ve InlineRichTextEditor Bileşenleri Eklendi.
MultiViewElement sınıfının basitleştirilmiş bir versiyonu olan ElementInnerContent sınıfını tanıttı.
Geliştirilmiş MultiViewScriptData sınıfı.
Duyarlı İçerik FE komut dosyasına özel filtre ve kanca eklendi.
MultiViewElement sınıfı tanıtıldı.
Dinamik İçerik: Yeni Dinamik İçerik değer biçimi: `$variable(JSON_VALUE)$`.
Dinamik İçerik: Dinamik İçerik nitelikleri için yeni öznitelik dönüştürme işlevi kullanıma sunuldu.
Dinamik İçerik: Ön uç kısmında ilk Dinamik İçerik oluşturma tanıtıldı.
Dinamik İçerik değerlerinin işlenmesinde yeni yaklaşım. Dinamik İçerik değerleri, belge blok yapıları listesine ayrıştırılmadan önce blok ayrıştırıcıda işlenecektir.
Dinamik İçerik yerleşik ve özel alan değerlerini alan adına ve ayarlara göre çözmek için kodu geri taşıdı.
Geri, farklı koşullara dayalı olarak yerleşik Dinamik İçerik ve özel alanlar oluşturmak için kodu taşıdı.
Dinamik İçerik: VB'de ilk Dinamik İçerik oluşturma tanıtıldı
Dinamik İçerik: "ModuleElements" sınıfına entegre Dinamik İçerik işlevi.
Dinamik İçerik: VB'de Dinamik Arka Plan Görüntüsü işlevi uygulandı.
Dinamik İçerik: VB'deki Modül Ayarlarında ilk Dinamik İçerik Kullanıcı Arayüzü tanıtıldı. Şu anda bu, yalnızca `site_title` Dinamik İçerik Seçeneği desteğiyle referans modülünün giriş metninde prototip olarak mevcuttur.
Satır İçi Zengin Metin Düzenleyici: Zengin Metin satır içi düzenleyici bileşenine temel TinyMCE düzenleme yetenekleri eklendi
Satır İçi Zengin Metin Düzenleyici: Düzenlenebilir içeriği almak ve düzenlenen içeriği kaydetmek için Zengin Metin satır içi düzenleyici güncellendi.
Module Attribute Refactor: Refactor Icon modülünün öznitelikleri.
Module Attribute Refactor: Sosyal Medya modülünün özniteliklerini yeniden düzenleyin.
Module Attribute Refactor: Video modülünün özniteliklerini yeniden düzenleyin.
Module Attribute Refactor: Refactor Arama modülünün öznitelikleri.
Module Attribute Refactor: Tam Genişlik Kodu modülünün özniteliklerini yeniden düzenleyin.
Modül Nitelik Refactor: Refactor Fiyatlandırma Tabloları modülünün öznitelikleri.
Module Attribute Refactor: Accordion modülünün özniteliklerini yeniden düzenleyin.
Module Attribute Refactor: Tam Genişlikli Harita modülünün özniteliklerini yeniden düzenleyin.
Module Attribute Refactor: Full Width Slider modülünün özniteliklerini yeniden düzenleyin.
Module Attribute Refactor: Refactor Map modülünün öznitelikleri.
Topluluk Tarafından Bildirilen Hatalar: Modül Kredi mekanizmasının uygulanması. Modül kredisini görüntülemek için module.json dosyasına Kredi ekleyin.
Topluluk Bildirilen Hatalar: Alan açıklamasında seçili etiketi etkinleştir
Geçiş Seçenekleri: ElementStyle kullanan tüm modüller için Geçiş Stili Bileşeni eklendi.
Modül Öğeleri: Audio, Blurb, CTA ve Referans modüllerinde öğe oluşturmayı basitleştirmek için ModuleElements sınıfıyla tanışın.

Divi 5'in Genişletilebilirliğini Gösterme

Divi 5'in en önemli yönlerinden biri genişletilebilirliğidir. Genişletilebilirlikten bahsettiğimde, Divi 5'in çevik ve API perspektifinden yetenekli olduğundan ve bu iyileştirmeler sayesinde yaratabileceğimiz birçok benzersiz özellikten bahsediyorum. Divi 5'i WordPress'in geleceği ile uyumlu hale getirmek, kısa kodları kaldırmak ve birçok WordPress blok paketini Divi 5'e entegre etmekten de bahsettim.

Bütün bunlar Divi'nin geleceği için ne anlama geliyor?

Divi 5'in genişletilebilirliğini görsel olarak temsil eden bu güncellemede eğlenceli bir şeyler paylaşabilmek için geliştirme ekibimizin yöneticisinden bu yönleri gösteren hızlı bir demo hazırlaması için biraz boş zaman bulmasını istedim. Otomatik Blok Modülünü buldu. Her Gutenberg bloğunu bir Divi modülüne dönüştüren, onları Divi'nin geniş tasarım ayarları yelpazesiyle güçlendiren ve aynı sayfada modülleri ve blokları karıştırmanıza izin veren bir modül!

Blok modülü, HTML öğelerini bloktan alır ve size tasarımı üzerinde tam kontrol sağlayan seçenek gruplarını dinamik olarak oluşturur. Ayrıca herhangi bir öğeyi hedefleyerek ve özelleştirerek anında yeni seçenek grupları oluşturabilirsiniz.

Bu blok modülünü eğlence için oluşturmuş olmamıza ve ne tamamlanmış ne de cilalanmış olmasına rağmen, oluşturduğumuz yeni temel sayesinde Divi 5 ile nispeten kolaylıkla neler yapabileceğimizin harika bir gösterimi.

API'nin açık doğası sayesinde sadece bizim için değil, sizin ve geliştirme topluluğu için de kolay. Hatta bu Blok Modülünü bitirip Divi 5'e resmi bir özellik olarak ekleyebiliriz. Ancak şimdilik, beta aşamalarında ilerlemeye odaklanmaya devam ediyoruz.

Divi AI Neredeyse Bitti!

Bu, bu ayki Divi 5 güncellemesini tamamlıyor. Öte yandan, Visual Builder'da çalışırken hiç yoktan olağanüstü görüntüler oluşturmanıza ve yapay zeka ile içerik yazıp geliştirmenize olanak tanıyacak olan Divi AI'nın ilk versiyonumuz neredeyse bitmek üzere. Bitmemiş sürümle oynarken çok eğleniyorum ve onu tamamlayıp yakında göndermeyi dört gözle bekliyorum!

Daha Fazla Güncelleme İçin Bizi Takip Edin

Her ay Divi 5 ilerleme güncellemeleri vereceğime söz verdim ve bunu yapmayı planlıyorum! Her güncellemenin heyecan verici olacağına söz veremem ama bu devasa projeyi bitirmek için elimizden gelenin en iyisini yapacağımızdan emin olabilirsiniz. Her gün biraz daha yaklaşıyoruz ve Divi 5'in temeli biraz daha güçleniyor. Yakında Divi 5 Dev Beta'yı başlatacağız, bu da temelin tamamlanacağı anlamına geliyor. Bu noktadan sonra, bu yılın ilerleyen zamanlarında Public Alpha'da test edeceğiniz, kullanıcıya yönelik özellikler tam gaz ilerliyor.

Herhangi bir sorunuz varsa yorum bırakın. Bir sonraki güncellemede görüşmek üzere!