oluşturmak ister misiniz? İletişim formu yapışkan DIVI'da mı?
Divi'nin yerleşik yapışkan seçenekleri, yalnızca birkaç tıklamayla sayfanızda çarpıcı görsel efektler oluşturmanıza olanak tanır.
Sayfanızdaki herhangi bir öğeye yapışkan efektler uygulayabilirsiniz, ancak bu eğitimde nasıl oluşturulacağına odaklanacağız. İletişim formu oluşturduğunuz herhangi bir Divi sayfasında yapışkan.
Ayrıca kılavuzumuzu okuyun DIVI'da yapışkan bir genel başlık nasıl oluşturulur
Bu örnek için, kaydırıldıkça kaydırılacak görselleri ve iletişim bilgilerini ekleyeceğiz. İletişim formu yerinde kalacaktır.
anket
İşte tasarlayacağımız şeyin bir önizlemesi. Mobilde yapışkan efekt uygulamıyoruz.
Divi sayfanıza yapışkan bir iletişim formu nasıl eklenir
Önceden tanımlanmış bir düzen ile yeni bir sayfa oluşturun
Divi kitaplığından önceden tanımlanmış bir düzen kullanarak başlayalım. Bu örnek için iletişim sayfasını kullanacağız. Güzellik Ürünü Düzen Paketi .
sayfanıza yeni bir sayfa ekleyin Site Web ve ona bir başlık verin, ardından 'Divi Builder'ı Kullan' seçeneğini seçin.
Bu örnek için Divi kitaplığından önceden hazırlanmış bir düzen kullanacağız, bu nedenle 'Düzen seçin'.
Bulun ve seçin iletişim sayfası düzeni 'Güzellik ürünü'.
'Düzen seçin' sayfanıza düzeni eklemek için.
Artık eğitimimize devam etmeye hazırız.
Yapışkan iletişim formu düzenini değiştirme
Bu eğitim için, kullanıcı sağ sütundaki (sütun 1) diğer içerik modülleri arasında gezinirken sol sütundaki (sütun 2) iletişim formunun sabit kalmasını istiyoruz. Bu bize iletişim formunuzu öne çıkaracak dinamik bir kaydırma efekti verecektir. Önceden tanımlanmış şablonumuzu değiştirerek başlayalım.
Ayrıca bakınız: DIVI'da kayan ve itmeli menü nasıl oluşturulur
Yeni bir bölüm oluştur
Sayfanıza yeni bir bölüm ekleyin.
Ardından iki sütunlu yeni bir satır ekleyin. Bu bölümü sayfanın herhangi bir yerine ekleyebilirsiniz, bu eğitimde ilerledikçe diğer bölümler sonunda kaldırılacaktır.
Bölüm ayarlarını açın ve arka plan rengini yerleşim tasarımına uyacak şekilde değiştirin:
- Arkaplan: #EEE8E2
Yapışkan modüllerinizi sütun 1'e ekleme
Sütun 1'e bir İletişim Formu modülü ekleyin. Bu öğreticiyi izliyorsanız veya sayfanızda zaten bir iletişim formu varsa, ' modülünü sürüklemeniz yeterlidir.İletişim formu' sütun 1'de mevcut.
Metin modülünü taşı İletişim bu bölümün başında. Ayrıca yapışkan olacaktır. Düzenin stiline uyması için metin ayarlarına beyaz bir kenarlık ekleyin:
- Kenar genişliği: 20 piksel
- Kenar Rengi: #FFFFFF
Orijinal düzen, metin ve kenarlık arasında dolgu içeriyordu, ancak daha küçük ekranlarda iletişim formunun alt kısmını kestiği için bunu atlayacağız.
2. sütuna kaydırma modüllerinizi ekleyin
2. sütunda, tüm kaydırma modüllerinizi ekleyin. Bizim durumumuz için, iki görüntü modülünü, iletişim bilgilerini ve konum bilgilerini 2. sütuna taşıyın. Modüllerinizi yeni bölüme taşıdıktan sonra, kalan boş bölümleri silebilirsiniz.
İpucu: Aynı anda birkaç modülü taşımanız gerekiyorsa, ' tuşunu basılı tutunMayıs' klavyede ve taşımak istediğiniz modülleri seçin. Tüm modüllerinizi aynı anda taşımak için modül taşıma işlevini kullanın.
Seçtiğimiz yerleşimin büyük ofset görüntüsü yatay kaydırma sorunlarına neden olabilir. Bu sorunu çözmek için bazı ayarları değiştirelim.
Ayrıca Oku: DIVI'da oturum açma formuyla genel başlık nasıl oluşturulur
Bölüm ayarlarını açın. Altında gelişmiş, Görünürlük'e gidin, ardından yatay ve dikey taşma ayarlarını güncelleyin:
- Yatay taşma: gizli
- Dikey taşma: gizli
Yapışkan içeriğiniz 1. sütunda ve kayan içeriğiniz 2. sütunda olacak şekilde sayfanız şimdi böyle görünmelidir.
Son adımı atmaya hazırız: iletişim formunu yapışkan hale getirmek.
İletişim formunu yapışkan hale getirin
Düzenimiz yerindeyken, iletişim formumuz için yapışkan ayarları etkinleştirebiliriz. Seçme 'Satır ayarları', ardından sütun 1 ayarlarını seçin.
Gelişmiş sekmesi altında, 'Kaydırma Efektleri'ne gidin. Yapışkan parametreleri burada ayarlayacağız.
- Yapışkan Konum: En Üstte Yapış
- Çubuk Üst Ofset: 15px
- Alt Yapışkan Limit: Çizgi
Ve hepsi bu! Artık 1. sütuna yapışkan ayarlar eklediniz, sayfada aşağı kaydırırken iletişim formunuzu ve başlığınızı yapışkan hale getirdiniz. İletişim formunun yanında kaydırarak 2. sütunun içeriğini görmelisiniz.
Nihai sonuç
Şimdi yapışkan iletişim formumuza bir göz atalım.
DIVI'yı Şimdi İndirin !!!
Sonuç
Yani ! Bu makale için bu kadar. Divi'nin yapışkan ayarları, iletişim formunuzun veya sayfanızın diğer herhangi bir öğesinin görünümünü iyileştirmenin kolay bir yoludur. Herhangi bir bölüm, satır veya modül için yapışkan ayarları uygulayabilir ve hemen hemen her şeyi görüntüleyebilirsiniz. Site Web yapışkan.
Divi'nin yapışkan özellikleriyle neler yapabileceğiniz hakkında daha fazla bilgi edinmek istiyorsanız eğitimlerimize göz atın. Örneğin, öğreticimize başvurabilirsiniz. Genel bir başlığa iletişim formu nasıl eklenir.
Ayrıca danışabilirsiniz kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.
Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.
...
