Bir iletişim formu 7 formunu Elementor'un Essential Addons eklentisiyle özelleştirmek ister misiniz?
İletişim Formu 7, şunlardan biridir: WordPress eklentileri en popüler form oluşturuculardan. Tamamen ücretsizdir ve oluşturmak için kullanabilirsiniz. İletişim formu WordPress web sitenizde.
Ayrıca rezervasyon formu veya dosya yükleme formu gibi birçok form türü oluşturabilirsiniz. Form oluştururken kullanabileceğiniz 14 tür alan sunar.
Ayrıca bakınız: Elementor Widget'larını/Şablonlarını Gutenberg Blokları Olarak Kullanma
Contact form 7 eklentisiyle ilgili yaygın sorunlardan biri, özelleştirme sürecidir. İletişim Formu 7, varsayılan stilinizi kullanır. WordPress tema varlık. Farklı bir stil kullanabilirsiniz, ancak CSS becerileri gerekli olacaktır. Herhangi bir CSS beceriniz yoksa, modülü kullanabilirsiniz. Temel Eklentiler formuna stil vermek için.
Essential Addons, Contact Form 7 formlarınızı Elementor ile özelleştirme sürecini geliştiren bir Elementor eklentisidir. Elementor ve Essential Addons, ücretsiz eklentilerdir. Contact Form 7 formlarınızı şekillendirmek için her ikisinin de ücretsiz sürümlerini kullanabilirsiniz.
Temel Eklentilerle Bir İletişim Formu 7 Formu Nasıl Stillendirilir
Formlarınızı şekillendirmeye başlamadan önce, yüklediğinizden emin olun. Elementor et Temel Eklentiler. Kurulduktan ve etkinleştirildikten sonra yeni bir sayfa oluşturun (Sayfalar – > Ekle) ve Elementor ile düzenleyin.
Özelleştirme işlemine başlamadan önce sol alt köşedeki dişli simgesine tıklayarak sayfa düzenini ayarlayın. Açılır menüden düzeni ayarlayın.
Düzenleme kutusundaki artı simgesine tıklayarak ve widget'ı sürükleyerek yeni bir bölüm ekleyin EA İletişim Formu 7 düzenleyicide sol panelden.
Sol panele gidin ve stilini özelleştirmek istediğiniz formu seçin.
Bir form seçtikten sonra sekmeye gidin stil. Gördüğünüz gibi, birkaç stil seçeneği ayarlayabilirsiniz. Burada, ayarlayabileceğiniz genel stil seçenekleri verilmiştir.
- Form genişliği, hizalama ve arka plan
bloğun altında FormKapsayıcısıbölümündeki renk seçiciyi tıklayın Arka plan türü ve formun arka planı için istediğiniz rengi ayarlayın. Arka plan olarak düz bir renk veya degrade bir renk kullanabilirsiniz.
Ayrıca Oku: Elementor: Şablonlar nasıl içe veya dışa aktarılır
Form hizalamasını ayarlamak için, bölümünde tercih ettiğiniz hizalama seçeneğini seçmeniz yeterlidir. Form Hizalama.
Formun genişliğini ayarlamak için, alanda formun maksimum genişliğinin değerini ayarlayın. Form Maksimum Genişliği.
- Arka plan alanı, kenarlık genişliği ve yarıçapı
Alanların arka planını, kenarlığın genişliğini ve yarıçapını belirlemek için bölümü açabilirsiniz. Giriş ve Metin Alanı. Alan rengi seçiciyi tıklayın Arka plan rengi arka planı ayarlamak için
Hata ayıklama modundaki alanların arka plan rengini sekmeye tıklayarak da ayarlayabilirsiniz. ODAK.
Alanların genişliğini tanımlamak için alanlardaki değeri tanımlayabilirsiniz. Giriş Genişliği. Bu bölümde metin kutusu alanının genişliğini de ayarlayabilirsiniz. Metin Alanı Genişliği.
Kenarlık yarıçapını ayarlamak için sadece gidip alanı düzenleyin Sınır yarıçapı ve tercih ettiğiniz kenarlık değerini ayarlayın. Ayrıca alandaki kalem simgesine tıklayarak tipografiyi (yazı tipi ailesi, yazı tipi boyutu, yazı tipi stili) ayarlayabilirsiniz. matbaacılık.
- Etiketler
Essential Addons, form etiketlerinizin stilini özelleştirmenize de olanak tanır. Tipografinin yanı sıra metin rengini de ayarlayabilirsiniz. Bunu yapmak için seçeneği açın Etiketler. Alandaki renk seçiciyi tıklayarak metin rengini ayarlayın Metin Rengi.
Tipografiyi ayarlamak için alandaki kalem simgesine tıklayın matbaacılık.
- Gönder Düğmesi
Gönder düğmesinin stilini özelleştirmek için bloğu açın Düğmesi Gönder. Buradan düğme hizalamasını, genişliği, arka plan rengini, metin rengini, kenarlık yarıçapını ve tipografiyi ayarlayabilirsiniz.
- Hata mesajı
Hata mesajının stilini özelleştirmek için bloğu açabilirsiniz. Hatalar. Hata mesajı metin rengini, tipografiyi, doğrulama hatası arka plan rengini, doğrulama hatası metin rengini vb. ayarlayabilirsiniz.
Birkaç başka stil seçeneği ayarlayabilirsiniz. Formunuzun tarzından memnun kalana kadar sol panelle oynayabilirsiniz.
Elementor ve Essential Addons tarafından sunulan mevcut widget'ları kullanarak sayfanıza birkaç başka öğe ekleyebilirsiniz. İşiniz bittiğinde, düğmesine tıklayın YAYINLA sayfanızı yayınlamak için sol panelin alt kısmındaki
Formu normal bir sayfaya entegre etme
butona tıkladıktan sonra YAYINLA, iletişim sayfanız temel olarak yayınlandı. Sayfanın kendisi Elementor tarafından desteklenmektedir. eklemeyi tercih ederseniz İletişim formu 7'den normal bir sayfaya (varsayılan WordPress editörü olan Gutenberg ile oluşturulmuş bir sayfa), eklentiyi yükleyebilirsiniz. Gutenberg için Elementor Blokları. Bu eklenti, bir Elementor şablonunu bir Gutenberg bloğuna dönüştürecektir.
kayıt olmak için İletişim formu 7'de Elementor şablonu olarak düğmenin yanındaki ok düğmesini tıklayın YAYIN / GÜNCELLEME sol panelde ve seçin Şablon olarak kaydet.
Şablonunuza bir ad verin ve düğmeyi tıklayın KAYIT YAPTIRICI.
Yeni bir sayfa oluştur (Sayfalar – > Ekle) ve "bize ulaşın" "iletişim" gibi bir ad veya istediğiniz başka bir ad verin.
Yeni bir blok ekleyin ve seçin Elementor Kitaplığı ve az önce oluşturduğunuz iletişim formu formu şablonunu seçin.
Ve şimdi İletişim Formu 7 formunuzu kişiselleştirdiniz.
Şimdi Elementor Pro'yu Alın !!!
Sonuç
Buraya ! Bir iletişim formu 7 formunu Essential Addons ile nasıl özelleştireceğinizi gösteren bu makale bu kadar. Oraya nasıl ulaşacağınızla ilgili endişeleriniz varsa, onlara Yorumlar.
Ancak, ayrıca 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ş.
...
