Divi eklentisi spot ışığı – divi yerçekimi modülü
Gravity Forms, WordPress için en popüler form eklentilerinden biridir. Bu, kısa bir kod kullanarak Divi ile uyumludur, ancak bu, Divi modülünde mümkün olanı tam olarak kullanmaz. Neyse ki, Divi Builder’a yerçekimi formları ekleyen Gravity Divi modülü adı verilen üçüncü taraflı bir eklenti var. Gravity Divi modülü, yerçekimi formlarınızı tamamen entegre eden CodeCraters’ın üçüncü taraflı bir eklentisidir Divi ve ekstra düzeninizdir. Bu, Divi modülü ayarını kullanarak formunuzu düzenlemenizi sağlar. Bu eklentinin spot ışığında modülün neler yapabileceğini göreceğiz. Örnekler için Unssplash.com’dan yerçekimi formları ve görüntüler tarafından sağlanan bir şablon kullanıyorum.
Yerçekimi formları hakkında daha fazla bilgi için, zarif temalar makalesine bakın:
Yerçekimi Formu – Kişisel Baskıda Ayrıntılı Görünüm
Divi gibi görünmesi için yerçekimi şeklini nasıl organize edersiniz (+ bonus ekran!)
Divi Yerçekimi Modülü Kurulum ve Ayarlar
Tasarım ayarları, form, açıklama, öğeler ve metnin kendisi için metin ayarlarını içerir. Ayrıca kenar boşlukları ve dolgu için alanlar ve düğmeler düzenlemesini içerir. Bu ayar, metin modülünde kısa bir kod yerçekimi formlarını kullanmaktan daha fazla kontrol sağlar. Gelişmiş ayarlar, alan alanı için başlangıç sekmesini belirleyebileceğiniz sekme dizinini içerir. Formunuzu açılır kutudan seçin. Bir Divi sayfası oluştururken bir form oluşturmadıysanız, aşağıdaki içerik ayarlarındaki bağlantıya tıklayarak yerçekimi formunu seçebilirsiniz. Formu yaptıktan sonra bu açılır kutuda görünecektir. Ayarlamaları yapmak
Bu, varsayılan stili kullanan gelişmiş bir iletişim formudur. Bu divi stiline uyuyor. Ayarlamaları kolaylaştırın. İşte bazı temel ayarlamalar. Başlık metin yazı tipinin boyutunu artırdım, rengi tüm yazı tiplerine değiştirdim, karanlık kaplamalı arka plan görüntüleri ekledim ve dolgu ekledim. Bu örnekte formun başlığını devre dışı bıraktım. Bu durumda açılır kutudan yeni bir form seçtim. Ayarlar modülde yapıldığı için yazı tipleri ve arka planlar için ayarları depolar. Bu kısa bir açıklama ile hızlı bir örnektir. Formun biçimini devre dışı bıraktım ve açıklama etkinleştirildi. Düzenli Divi Yerçekimi Modülüne Örnek Divi Yerçekimi modülünden en büyük kar, modül ayarlarına sahip Divi Builder’dır, yani normalde kullandığınız modül ayarlarının yerçekimi formları için kullanılabilir olduğu anlamına gelir. İşte Divi’nin düzeninde bazı örnekler. İnsan modülünün düzeni için gelişmiş iletişim formu
Bu, arka plan görüntüsüne sahip basit bir düzene entegre edilmiş gelişmiş bir temas formudur. Formların sayfa tasarımı ile bir kombinasyonuna yardımcı olmak için, metni parlak olarak değiştirdim, başlık yazı tipinin boyutunu 40 olarak artırdım ve form öğesinin metnini kırmızı olarak değiştirdim. Form, formu sayfanın altına eklediğim gibi görünmek yerine sayfa tasarımıyla eşleşir. Kayıt düzeni Bu örnek, üniversiteler ve üniversiteler için ücretsiz ana sayfa düzeni düzeninin çeşitli unsurlarını kullanır.
Yerçekimi modülü, bir metin modülü ile 2/3, 1/3 düzenine yerleştirilir.
Form ve Ajax biçimini etkinleştirdim, böylece kullanıcı daha sonra tıkladığında çok sayfalı form sayfayı yüklemeyecek. Yazı tipi başlık formu%30’a ayarlanmıştır. Bu, düzen stili için çok uygundur. Başka değişikliğe gerek yok. RSVP evliliği Bu, fotoğraflarla harmanlanan yumuşak renkler ve zarif yazı tipleri kullanır (bu resimde görmek zor olabilir. Genellikle daha yüksek kontrast kullanıyorum, ancak düğün web siteleri için daha yumuşak kontrast tercih edilir). Renk fotoğrafın kendisinden alınır ve daha sonra okunabilirliği iyileştirmeye yardımcı olmak için zimmete geçirilir.Bu düzen, bölümde arka plana sahip tek bir modüldür. Tüm yazı tiplerini tanterine değiştirdim, yazı tipi boyutunu artırdım ve kalın hale getirdim ve resmi resimde renge göre kahverengi veya kırmızı olarak ayarladım. Pizza Sipariş Formu Bu örnek yerçekimi formlarından bir pizza bina formu şablonu kullanır. Bu konum, yerçekimi modülü ve birkaç görüntü modülü ile 1/3, 2/3 düzeni kullanır. Tasarlanan alana göre her şeyi yapmak için bir yatakla bölüme ve bindirme konusuna arka plan ekledim.
Metni ışığa ayarladım, yazı tipini Arimo olarak değiştirdim ve formun her öğesi için yazı tipi boyutunu ayrı olarak ayarladım. Düğme metnini ve sınırını beyaza ayarladım ve düğme sınırı yarıçapını 30 olarak ayarladım. Modülün düzeni için devam eden iletişim formuna sahip ekstra tema Yerçekimi modülü de ekstra ile uyumludur. Aşağıda ilk örnek (kişi modülünün düzeninin sürekli temas formu) ekstra ile. Ekstra sayfa için tam geniş bir sayfa şablonu kullanıyorum. Divi sayfası ile aynı görünüyor. Yaptığım tek değişiklik düğmenin düzenlenmesiydi. Mavi düğme de karışmaz ve beyaz metin mavi bir arka planla iyi görünür. Eklenti lisansı ve desteği sınırsız bir lisansla birlikte gelir, böylece siz ve müşterileriniz için istediğiniz web sitesine mümkün olduğunca çok yükleyebilirsiniz. Bu aynı zamanda bir ömür boyu güncelleme ve 6 aylık destek içerir. Divi yerçekimi modülü bir geliştirici mağazasından satın alınabilir.Divi yerçekimi modülünün son zihni, yerçekimi formunuzu divi düzeninize entegre etmek için iyi bir yol sağlar.Yalnızca Yerçekimi Formları kısa kodunu kullanmaktan daha fazla özellik ekler.Yerçekimi formlarının tüm avantajları, görüntüler, kaplama ve gradyanlar, yazı tipi ayarları ve düğmeleri, dolgu vb.Divi üreticisi ile yerçekimi formlarını kullanmak istiyorsanız, Gravity Divi modülü ihtiyacınız olan çözüm olabilir. Şimdi sıranız.Divi yerçekimi modülünü kullandınız mı?Aşağıdaki yorumlarda bize fikrinizi anlatın.Bloomicon / Shutterstock.com aracılığıyla Üstün Görüntü
