Divi 5 için CSS Grid'i tanıtmak

Bu büyük bir tane. En iyi CSS Grid Builder'ı inşa ettik ve bugün Divi 5 için kullanılabilir. Elementor'dan daha iyi. Tuğlalardan daha iyi. İster ızgarada ustalaşmak veya sadece Divi'nin yeni ızgara şablonlarını kullanmak isteyin, bu güncellemeyi seveceksiniz.

Yeni özelliği eylemde görmek için aşağıdaki videoya göz atın.

Herkes için CSS Grid

Divi 5 selefinden çok uzak. Flexbox, gelişmiş birimler, ön ayarlar ve tasarım değişkenleri gibi yeni özelliklerle Divi'yi bir web tasarım güç merkezine dönüştürüyoruz. CSS Grid bir sonraki büyük adımdır.

Aynı zamanda, mevcut kullanıcıların yeni ortamlarda kaybolmuş veya gömülü hissetmelerini istemiyoruz. Yeni başlayanlar için ızgara düzenlerini erişilebilir hale getirirken gelişmiş kullanıcılara gerekli araçları vermek arasında doğru dengeyi vurduk.

Her durum için ızgara şablonları

CSS Grid'i hiç duymadıysanız ve ızgara düzenlerinin giriş ve çıkışlarını öğrenmek istemediyseniz, endişelenmeyin - buna gerek yok. Önceden inşa edilmiş yeni ızgara şablonlarının tadını çıkarın!

Izgara şablonlarını kullanmanın güzelliği, ızgaranın konteyner seviyesinde kontrol edilmesi ve yeni öğeler ekledikçe ızgaraya otomatik olarak uymalarıdır. Çok daha sezgisel ve yeni çeşitli tasarımların kilidini açıyor.

Divi'nin her durum için ızgara şablonları vardır ve bunları mevcut içeriğe uygulamak kolaydır.

Şebeke uzmanları için tam kontrol

Tecrübeli bir CSS ızgara uzmanıysanız, Divi'nin ızgara seçenekleri sizi geride tutmaz. Doğrudan noktaya gelebilir, sütun ve satır ızgara şablonlarınızı manuel olarak tanımlayabilir ve daha sonra değineceğim ofset düzenlemesini kullanarak çeşitli ızgara düzenleri oluşturabilirsiniz.

Tabii ki, arayüzden vazgeçebilir ve özel CSS panelini kullanarak ızgara kurallarını uygulayabilirsiniz; Sizin için en iyi neyse.

Web montajcıları için sezgisel ızgara seçenekleri

Arada bir yerdeyseniz, Divi 5'in ızgara üreticisi gerçekten parlıyor.

CSS ızgara parametrelerini dikey veya yatay ızgaralar oluşturmak, sütun ve satır boyutlarını, ızgara yönünü, eleman hizalamasını ve gerekçesini ve daha fazlasını özelleştirmek için ayarlara dönüştürdük.

Ek olarak, Boyutlandırma Seçenek Grubu, bireysel bir ızgara öğesinin genişliğini, yüksekliğini ve ızgaradaki konumunu ayarlamanızı sağlayan yeni sütun ve satır seçenekleri içerir.

Izgara ofseti düzenleme

Divi 5'in Grid Builder'ın en benzersiz yönlerinden biri, konteyner düzeyinde tekrarlanan simetrik olmayan ızgara desenleri oluşturmak için kullanabileceğiniz ofset editörüdür. Size gerçek bir dünya örneği vereyim.

Divi 5'in Loop Builder'ı kullanarak aşağıdaki videoda bir blog şablonu oluşturdum; Her sütun dinamik içerikle dolu bir döngü öğesidir. Üst kapta ızgara düzeni stilini etkinleştirdiğimde, sütunlar otomatik olarak ızgaraya uygundur.

Sütun sayısını ayarlayabilir, özel sütun veya satır desenleri girebilir, boşluk boyutlarını değiştirebilir ve başka birçok şey yapabilirim.

Ayrıca, Ofset düzenleyicisini ızgaradaki belirli öğelere kurallar uygulamak için kullanabilirim.

Her satırda tekrarlanan standart bir sütun deseni yerine, örneğin her 4. öğenin ikinci ve üçüncü öğeden başlayarak iki sütuna sahip olduğu ofset desenleri oluşturabilirim. Bu ofset desenleri Divi 5'in önceden inşa edilmiş satır şablonlarına çok fazla çeşitlilik verir.

CSS Grid Demos (Ücretsiz İndir)

Daha önce hiç mümkün olmayan CSS ızgarasını kullanarak muhteşem düzenler oluşturabilirsiniz. İlham almak istiyorsanız, Divi 5'in en son sürümünü kullanarak tasarım ekibimiz bu çarpıcı düzenlere bakın.

Onları ücretsiz olarak indirebilir ve kendiniz test edebilirsiniz.

Bugün Divi 5'i deneyin

Divi 5 için CSS Grid bugün mevcuttur ve bu yıl Divi'ye gelen birçok özellikten biridir.

İki haftada bir güncellemelerle Divi 5 ve ötesindeki son sürümünde ilerledikçe takip edebilirsiniz. Önceliklerinize bağlı olarak, yeni web siteleri oluşturmak için Divi 5'i kullanabilir veya sizin için en iyi olanı daha fazla özellik ekleyene kadar bekleyebilirsiniz.

Divi 5'in orijinal çok fazlı sürüm programında belirtildiği gibi, Divi 5 genel alfa “Divi 5 Lite” gibidir. Birkaç özellik eksik ve mevcut web siteleri için uygun olmayabilir, ancak deneyimi Divi 4'e tercih ederseniz yeni web sitelerinde kullanılmaya hazırdır.

Denemenizi istiyoruz ve eğer seviyorsanız, kullanın; Herkes onu sevdiğinde, resmi hale getireceğiz.

Divi 5 için özel özellikleri denediniz mi?

Kaçırmanız durumunda, son zamanlarda Alt, Title, Rel ve Aria-Label gibi herhangi bir özniteliği öğelere ve çoğu alt öğeye eklemenizi sağlayan yeni özel özellikleri yayınladık.

Divi, sınıf ve kimlik gibi belirli özelliklere destek verdi, ancak artık herhangi bir öğeye herhangi bir öznitelik ekleyebilirsiniz. Bu, özellikle erişilebilirlik için önemlidir, örneğin görüntülere alt metin eklemenize olanak tanır, simge tabanlı bir düğme gibi semantik olmayan öğelere roller ve etiketler.

Tüm ayrıntılar için bu videoyu izleyin.

Daha fazla Divi 5 güncellemesi yolda

2025 Divi 5 yılıdır . Sıkıcı çalışma arkamızda. Süper hızlı vakfı inşa ettik ve şimdi Divi'nin geri dönüşünü yapma zamanı.

Divi geri dönüşü için buradaysanız, bize büyük bir iyilik yapın ve bu videoyu beğenerek ve bir yorum bırakarak bize bildirin. Divi'ye tezahürat yaptığınızı görmek bizim için çok şey ifade ediyor ve algoritmayı beslemek ve kelimeyi yaymak önemlidir.

Bizi YouTube'da takip etmeyi ve Divi bültenine abone olmayı unutmayın, böylece bir güncellemeyi asla kaçırmazsınız. Yakında başka bir Divi 5 özellik duyurusu için görüşürüz, bu da köşede olacağına söz veriyorum.