Divi 5'in iç içe sıralar ve modül gruplarıyla oluşturulan 9 kart düzeni

Divi 5 ile çarpıcı, profesyonel web siteleri inşa etmek her zamankinden daha kolay. İç içe satırlar ve modül grupları gibi özelliklerle, gelişmiş kart düzenleri oluşturabilir ve bunları sadece birkaç tıklamayla sitenizde yeniden kullanabilirsiniz. Divi 5, karmaşık düzenler oluşturmak için mükemmel olan modern bir kod tabanı ve gelişmiş performans sunar. Bu yeni özellikler, sınırsız esneklik ile inşa etmenizi sağlayacaktır.

Bu yazıda, Divi 5'in iç içe sıraları ve modül gruplarıyla inşa edilen 9 kart düzenini sergileyeceğiz ve esnek, yeniden kullanılabilir tasarımlar oluşturmanın ne kadar kolay olduğunu göstereceğiz. İster hizmetleri sergilemek, referansları vurgulamak veya bir portföy oluşturmak, bu düzenler cilalı, tutarlı sonuçlar elde etmenize yardımcı olacaktır. Sonunda, Divi 5'in bu yeni özelliklerinin, zamandan tasarruf eden ve projenizde tasarım tutarlılığı sağlayan görsel olarak çarpıcı, yeniden kullanılabilir modüller oluşturmanıza nasıl yardımcı olduğunu göreceksiniz.

Hadi dalalım!

Divi 5'teki iç içe sıralar ve modül gruplarını anlamak

Divi 5'in iç içe satırları ve modül grupları, gelişmiş kart düzenleri kolayca oluşturmanızı sağlayan özelliklerdir. Bu araçların nasıl çalıştığını ve neden karmaşık düzenler oluşturmak için mükemmel olduklarını keşfedelim.

YouTube kanalımıza abone olun

İç içe satırlar

İç içe satırlar, satırların içine sıraların içine yerleştirmenizi sağlar ve görsel oluşturucu içinde sonsuz yuva edilebilirlik sunar. Bu özellik, geleneksel düzenlerin sınırlamalarını bozar ve esneklikle karmaşık tasarımlar oluşturmanıza olanak tanır. Yuvalanmış satırları kullanarak, tek bir sütun içinde düzgün bir şekilde düzenlenen gelişmiş kart düzenleri oluşturabilirsiniz. Avantajlar açıktır: iç içe satırlar, cihazlara sorunsuz bir şekilde uyum sağlayan duyarlı sütun yapıları sağlar.

Modül grupları

Modül grupları, Divi 5'te yeni bir konteyner elemanıdır ve birleşik stil ve yönetimi için bir sütun içindeki birden fazla modül gruplamanıza olanak tanır. Bu özellik, tüm grubu tek bir eylemde stil, hareket ettirmenize veya çoğaltmanıza izin vererek iş akışınızı kolaylaştırır. Modül grupları ayrıca Flexbox ve The Loop Builder gibi yaklaşan özelliklerle entegre olmak üzere tasarlanmıştır, bu da onları dinamik düzenler için geleceğe yönelik hale getirir.

Neden birlikte iyi çalışıyorlar

İç içe sıraları ve modül gruplarını birleştirmek, karmaşık, yeniden kullanılabilir kart düzenleri oluşturma yeteneğinin kilidini açar. İç içe sıralar, karmaşık öğeleri düzenlemek için yapı esnekliği sağlarken, modül grupları bu öğeleri tek bir birim olarak ele alarak stil ve yönetimi basitleştirir. Birlikte, sitenizde kolayca çoğaltılmış düzenler oluşturmanıza izin verir. İster ekip üyeleri, hizmetler veya SSS sergiliyor olun, bu ikili profesyonel, ölçeklenebilir tasarımlar yaratmayı basitleştirir.

Divi 5 için 9 Kart Düzeni

Aşağıda, Divi 5'in iç içe satırlarının ve modül gruplarının gücünü gösteren 9 gelişmiş kart düzenini araştırıyoruz. Fiyatlandırma sayfalarından video galerilerine kadar bu düzenler, görsel olarak çarpıcı, duyarlı tasarımların nasıl kolayca oluşturulacağını gösterir. Tutarlı şekillendirme ve yeniden kullanım için esnek yapı ve modül grupları için iç içe satırlardan yararlanarak, herhangi bir amaç için profesyonel, ölçeklenebilir düzenler oluşturabilirsiniz. Her örnek, divi web sitelerinizi yükseltmek için pratik örnekleri ve zaman tasarrufu tekniklerini vurgular.

1. Fiyatlandırma Planları

İç içe satırları ve modül gruplarını birleştirmek, web sitenizde fiyatlandırmayı sergilemenin harika bir yoludur. Divi 5'in iç içe satırlarıyla, her fiyatlandırma kartının kendi modül grubuna yerleştirildiği yapılandırılmış bir düzen oluşturarak kolayca kopyalayıp yapıştırabileceğiniz esnek düzenlere izin verebilirsiniz. Bu örnekte, bir modül grubu ile başladık, stilize ettik ve düğmeler için iç içe sıralar dahil ettik. Bir modül grubuyla kart düzeni oluşturmak, sitenizde kaydedilmeyi ve yeniden kullanmayı kolaylaştırır.

2. Hizmetler

Hizmet sayfaları, tekliflerini görsel olarak çekici bir şekilde vurgulamak isteyen işletmeler için gereklidir. Divi 5 ile, her servis kartının bir modül grubuna yerleştirildiği ve benzersiz stil ve içerik derinliğine izin veren çok katmanlı bir düzen oluşturabilirsiniz. Örneğin, bir başlık ve bağlantı için grup içindeki bir satırı yuva, başlık ve gövde metni için tek bir sütun satırı oluşturun ve düğmeler için iki sütunlu iç içe satırla takip edin. Modül grubunu kopyalayabilir ve saniyeler içinde küçük tasarım değişiklikleri yapabilirsiniz.

3. Restoran Menüsü Öğeleri

Restoran menüleri görsel çekicilik ve organize bilgi dengesi gerektirir. Divi 5, her menü öğe kartının bir modül grubunda bulunduğu ızgara benzeri yapılar oluşturmanıza olanak tanır. Tutarlı şekillendirme için bir gruba tasarım öğeleri ekleyerek, tüm kartı tekrar tekrar yeniden tasarlamadan menülerinize kolayca yeni öğeler ekleyebilirsiniz.

4. Takım Üyesi BIOS

Ekibinizi sergilemek, markanız için güven ve kişilik oluşturur. Divi 5 ile, hepsi tek bir sütun içinde fotoğraf, ad, rol ve biyo gibi katmanlı içeriğe sahip dinamik ekip üye kartları oluşturabilirsiniz. Daha sonra iç içe satırları sosyal medya bağlantıları için düzeninize ve bireysel bir ekip sayfasına bir bağlantı ekleyebilirsiniz. Modül grubunu Divi kütüphanenize kaydedin ve gelecekte yeni ekip üyeleri eklemek bir esintidir.

5. Müşteri referansları

Tanıklıklar güvenilirlik katar ve Divi 5 onları görsel olarak çarpıcı hale getirir. Her biri bir müşterinin teklifini, adını ve iş unvanını içeren bir ızgara düzeninde referans kartlarını düzenlemek için iç içe satırları kullanın. Modül grupları, birleşik stil için bu öğeleri paketlemenizi sağlar. Bu kurulum, tasarım tutarlılığını korurken referansları kolayca eklemenizi veya yeniden düzenlemenizi sağlar. Divi 5'in duyarlı kontrolleri ile, görüntülenen cihaz ne olursa olsun, düzeninizin harika görünmesini sağlayabilirsiniz.

6. Etkinlik listesi

Etkinlik tanıtım sayfalarının dikkat çekmesi ve önemli ayrıntıları iletmesi gerekir. Divi 5'teki iç içe satırlar, etkinlik görüntüsü, konum, başlık, tarih ve katılma bağlantı gibi katmanlı içeriğe sahip olay kartlarını yapılandırmanıza olanak tanır. Modül grupları, bu öğeleri gruplandırarak stilleri akıtarak birden fazla olay için hızlı çoğaltma sağlar.

7. Gayrimenkul Listesi

Gayrimenkul listeleri, mülklerin açık ve çekici bir sunumunu gerektirir. Divi 5'teki iç içe satırlar ve modül grupları kullanmak, listeleme kartlarını katmanlı, kolayca kopyalanmış içeriğe sahip yapmanızı sağlar. Bu yaklaşım, yeni listeler eklemeyi kolaylaştırarak tekrarlayan maliyetlerle pahalı listeleme hizmetlerinden kaçınmayı mümkün kılar.

8. Ürün Ekranı

E-ticaret ürün sayfalarının ürünleri etkili bir şekilde vurgulaması gerekir. Modül grupları ve iç içe satırlar sayesinde Divi 5, tek bir sütunda birden fazla sütunla ürün kartları oluşturmanıza olanak tanır. Bu şekilde bir ürün listeleme sayfası oluşturmak sizi vanilya wooCommerce web sitelerinin kısıtlamalarından kurtarır ve ziyaretçilerinize öne çıkan ürünlerinize göz atmak için güzel bir yol sunar.

9. Video Galerisi

Video galerileri öğreticiler, demolar veya diğer yaratıcı video içeriğini görüntülemek için mükemmeldir. İç içe satırlar ve modül grupları kullanmak, her bir ekran kartının benzersiz bir düzen ile kendi sütununda olduğu bir ızgara oluşturmanıza olanak tanır. Bu kurulum, uyumlu, profesyonel bir görünüm korurken yeni videolar eklemeyi kolaylaştırır.

Gelişmiş kart düzenleri oluşturmak ve yeniden kullanmak için en iyi uygulamalar

Gelişmiş kart düzenleri oluştururken Divi 5'in iç içe satırlarının ve modül gruplarının potansiyelini en üst düzeye çıkarmak için, stratejik bir yaklaşım benimsemek verimlilik, tutarlılık ve ölçeklenebilirlik sağlar. Aşağıda, web sitenizin estetiğini ve işlevselliğini artıran profesyonel, yeniden kullanılabilir tasarımlar oluşturmanıza yardımcı olacak birkaç ipucu bulunmaktadır.

Sürekli stil

Divi 5'in tasarım değişkenleri, yazı tipleri, renkler, boşluklar ve daha fazlası için evrensel stilleri tanımlamanıza izin verir. Bu değişkenleri başlangıçta ayarlayarak, tüm kart düzenlerinin sitenizde uyumlu bir görünüm sürdürmesini sağlarsınız. Örneğin, değişken yöneticide birincil renk paleti, tipografi ayarları ve aralık değerleri tanımlayın. Tekrarlayan manuel şekillendirmeyi önlemek için bunları modül gruplarına uygulayın.

Yeniden Kullanım için Modül Grupları Kaydet

Birden fazla sayfa veya proje arasında kolay erişim için stil modül gruplarınızı Divi kütüphanesine veya Divi Cloud'a kaydedin. Örneğin, bir fiyatlandırma kartı düzeni oluşturursanız, kaydetmek, sıfırdan yeniden inşa etmeden diğer web sitelerinde veya sayfalarda yeniden kullanmanıza olanak tanır. Daha sonra hızlı bir şekilde bulmak için düzenlerinizi net, açıklayıcı adlarla düzenleyin.

Duyarlı tasarım

Artan cihaz ve ekran boyutları ile duyarlı tasarım bir zorunluluktur. Divi 5'in özelleştirilebilir kesme noktaları, her cihaz için kart düzenleri ince ayar yapmanıza olanak tanır. Düzenlerinizi tasarlarken, tüm tasarım öğelerinin amaçlandığı gibi ölçeklenmesini sağlamak için düzenleri farklı kesme noktalarında test edin.

Hızlı güncellemeler için ön ayarlardan yararlanın

Divi 5'in elemanı ve seçenek grup ön ayarları, bir modülün veya belirli tasarım öğesinin tüm örneklerinde stil değişiklikleri uygulamanızı sağlar. Örneğin, kart düzenlerinizdeki bir düğme stilini güncellemeye karar verirseniz, ön ayarlar değişikliğin anında ilgili tüm modüllere yayıldığından emin olur. Bu, birden fazla düzene sahip büyük web siteleri için harika bir araçtır. Düzenlerinizdeki düğmeler, başlıklar veya görüntüler gibi yaygın olarak kullanılan öğeler için ön ayarlar oluşturmak, tutarlılığı korumak ve tasarım sürecini hızlandırmak için iyi bir uygulamadır.

Bu en iyi uygulamaları izleyerek, görsel olarak çarpıcı, duyarlı ve bakımı kolay gelişmiş kart düzenleri oluşturmak için Divi 5'in iç içe satırlarının ve modül gruplarının tüm potansiyelini kullanabilirsiniz.

Kart düzenlerini ücretsiz indirin

Divi 5 içindeki kart düzenlerini kullanmaya başlamak ister misiniz? JSON dosyalarına erişmek için aşağıya abone olun. Bunları Divi kütüphanenize yükleyebilir ve daha sonra sayfalarınıza aktarabilirsiniz.

Dosyaları İndirin

Ücretsiz indir

Divi bültenine katılın, size Ultimate Divi açılış sayfası düzen paketinin bir kopyasının yanı sıra tonlarca şaşırtıcı ve ücretsiz divi kaynakları, ipuçları ve püf noktalarının bir kopyasını e -postayla göndereceğiz. Takip et ve hiçbir zaman bir divi ustası olacaksınız. Zaten abone olduysanız, aşağıdaki e -posta adresinizi yazın ve Düzen Paketine erişmek için İndir'i tıklayın.

İNDİRMEK

Başarılı bir şekilde abone oldunuz. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve ÜCRETSİZ Haftalık Divi Düzen Paketlerine erişin!

Divi 5 ile kart düzenleri oluşturmak bir esintidir

Divi 5'in iç içe satırları ve modül grupları, eşsiz esneklik ve verimlilik sunarak gelişmiş kart düzenleri oluşturma şeklinizi değiştirir. Fiyatlandırma sayfalarından video galerilerine kadar, bu özellikler zaman kazandıran ve web sitenizde tutarlılık sağlayan çarpıcı, yeniden kullanılabilir tasarımlar oluşturmanıza olanak tanır. Bu özellikleri birleştirmek, herhangi bir cihaza sorunsuz bir şekilde adapte olan profesyonel düzenler oluşturmanızı sağlar. Divi 5 ile karmaşık, görsel olarak çekici kart düzenleri yaratmak hiç bu kadar kolay olmamıştı.

En son Divi 5 alfa sürümünü indirmenizi ve Divi 5'in sunduğu her şeyi deneyimlemek için bugün bu araçları denemenizi öneririz. Kreasyonlarınızı sosyal medya kanallarımızda bizimle paylaşın veya kart düzenleri için Divi 5'i nasıl kullanmayı planladığınızı bize bildirmek için aşağıya bir yorum bırakın.