İletişim Formu 7 Stilinizi Kolay Bir Yolda Nasıl Ayarlayabilirsiniz?

İletişim formları her web sitesinin çok önemli unsurlarıdır. Çeşitli bilgi türlerini toplamak ve paylaşmak için kullanıyoruz ve bu nedenle diğer web sitelerimiz kadar iyi görünmeye dikkat etmeliyiz. İletişim formu çok basittir, sayfaya uygun görünmeyen bir stil ile kullanıcılarınıza güven aşılamaz ve almak istediklerinde kitlenizi kaybetmek çok talihsiz olacaktır. Bir adım önde ve verilerinin bir kısmını iletişim formunuzda bırakın. Bir iletişim formu yapmanın çok popüler bir yolu, her türlü iletişim formunu kolayca yapmanıza izin veren birçok WordPress temasıyla ücretsiz olarak dahil edilen pratik ve kullanımı kolay bir araç olan bir iletişim formu eklentisidir. Bu eklenti, iletişim formları oluşturmada tüm teknik yönleri içerir – düzenlemek için ek becerilere veya diğer eklentilere ihtiyacınız vardır.
Bu makalede, web sitesi tasarımınızı ücretsiz araçlarla eşleştirmek için iletişim formlarını ne kadar kolay ayarlayabileceğinizi göstereceğiz. Hakkında daha fazla bilgi edinmek için burada kalın:
İletişim formunuzun stilini ayarlamak için Elementor için Qi eklentileri kullanın
İletişim formu stilini ayarlayın
İletişim formunuzun stilini ayarlamak için Elementor için Qi eklentileri kullanmak
Elementor için Qi Addons, 60 widget ile birlikte gelen ve formunuzun stilini ayarlamanıza yardımcı olmak için özel olarak oluşturulan bir Kontak Form 7 widget’ı içeren ücretsiz özellik zengin bir eklentidir. Bu eklenti kodlama bilgisi gerektirmez ve kelimenin tam anlamıyla herkes rahatça kullanabilir. Size bir kişi formu oluşturma seçeneği vermez, ancak bir kişi formu eklentisi 7 kullanırsanız, Qi ile formunuzu web sitenizin stiliyle eşleşecek şekilde ayarlayabilir ve yeniden tasarlayabilirsiniz. Prosedür neredeyse diğer eklentilerle aynıdır. Yükledikten sonra, stil yapmak istediğiniz kişi formunun bulunduğu sayfayı açın ve Elementor’da düzenlemeyi seçin.
Ardından, Kişi Widget Form 7’yi bulmak için Sol Menüdeki Arama Alanına Kontak Form 7’yi yazın.

Şimdi, anladığınızda, imleci iletişim formunuz için istediğiniz yere tıklayın ve işaret edin.

Bu şekilde eklediğiniz form, bir kişi formu eklentisi 7 ile oluşturduğunuz formdur, bu widget yalnızca formu düzenlemenize yardımcı olmak için yapılır, onunla bir form oluşturamazsınız. Şimdi, iletişim formunuzu istediğiniz yere yerleştirdiniz ve Sol Menüde Kişi Formu 7’nin widget ayarlarını görebilirsiniz.

Menüdeki ilk sekme, sayfada sahip olmak istediğiniz kişi formunu seçme seçeneği sunar. Üç seçenek arasında seçim yapabiliriz – iletişim formları 1, bülten ve bizimle iletişime geçin, elbette siteniz için daha önce yaptığınız formlardan birini seçebilirsiniz. Şimdi formu nasıl ayarladığımızı gösterelim. Sitemizdeki bizimle iletişime geçin.

Form stili yapılandırma seçeneğini açmak için Stil sekmesini tıklatın.

İlk seçenek, yazı tiplerini, yazı tipi boyutunu, etiket kelimeleri arasındaki boşluk, yazı tipi stili, kelimelerdeki harfler ve harika şeyler arasındaki boşluk olarak etiket tipografisini ifade eder, böylece hayattaki tüm değişiklikleri hemen görebilmenizdir Körü körüne bir şey.
Aşağıdaki resimde, seçimimizin etiket tipografisine nasıl yansıtıldığını tam olarak görebilirsiniz.

Bir sonraki seçenek etiket rengini ifade eder.

İhtiyaçlarınıza bağlı olarak kendi gölgenizi yapabilirsiniz. Etiketimiz için koyu mavi seçtik çünkü sayfanın arka plan rengiyle eşleşti.

Şimdi, etiket stiline hazır olduğunuzda, bir sonraki ayar giriş kuvvetini ifade eder.

Burada da benzer bir seçeneğiniz olacak – giriş tipografisi yazı tipinin stilini, boyutunu ve rengini seçebilirsiniz. Varsayılan gibi beyaz olmasını istemiyorsanız, giriş düzleminin arka plan rengini de ayarlayabilirsiniz. Ayrıca burada giriş alanı sınırlarını ayarlamak için ayarlar bulacaksınız ve katı, noktalı, oluklu, noktalı, çift veya hiç arasından seçim yapabilirsiniz ve her seçenek için ek ayarlamalar yapabilirsiniz.

Giriş sütunu etkin olduğunda farklı kuvvetleri de ayarlayabilirsiniz. Tüm aynı seçenekler sizin için kullanılabilir, ancak yalnızca giriş sütunu etkin olduğunda uygulanır. Bir sonraki ayar onay kutusu kuvvetini ifade eder. Bu küçük unsur iletişim formunda çok önemlidir ve temiz ve kolay erişilebilir görünmelidir, çünkü bu, web sitesi kullanıcılarına bir tür seçim sunduğunuz bir adımdır.

Qi ile, bu öğeyi kolayca mükemmel hale getireceksiniz. Onay kutusunun giriş boyutunu ayarlayabilirsiniz, iki onay kutusu arasında ve onay kutuları ile diğer giriş alanları arasında az çok boşluk bırakabilirsiniz. Aşağıdaki fotoğrafta seçimimizin bu durumda iletişim formunu nasıl etkilediğini açıkça görebilirsiniz:

Bilmek için önemli olan bir sonraki ayar düğme stilinin ayarlanmasıdır.

Düğmenin arka plan rengini değiştirebilir, farklı renkler ve stillerle (katı, kırık veya kırık) olan düğmenin etrafındaki sınırı ayarlayabilirsiniz. Düğme renk seçeneğinde istenen rengi seçerek düğmedeki metnin rengini de değiştirebilirsiniz. Hangi ayarların hangi iletişim formu öğelerine başvurduğunu kolayca anlayabilmeniz için tüm değişiklikler hemen görülür. İmleci yönlendirirken düğme stilinin değiştirilmesini istiyorsanız, etkin sekmeyi tıklayın ve ayarları ayarlayın – Kayan düğmenin rengini, yüzen düğmenin arka plan rengini, yüzen düğmenin rengi vb. Ayarlayabilirsiniz.

Kontak formunun görüntülenmesinden memnunsanız, artık SPasi Force sekmesindeki ayarları açarak mesafeyi ayarlayabilirsiniz. Her bir iletişim formu öğesi için mesafeyi burada ayarlayabilirsiniz.

Global stil ayarları, temas formunun seviyelendirme stilini ifade eder. Sol, orta ve sağ seviyelendirme arasında seçim yapabilirsiniz. Bir hata stilinin ayarı, birisi form içine doğru veri yazmadığında görüntülenen hata mesajı stilini kontrol etmenizi sağlar. Hata, tipografi ve renk konumunu kolayca ayarlayabilirsiniz.

Yanıt stili ayarı, iletişim formuna eklenen yanıtın ayrıntılarını mükemmelleştirmenizi sağlar. Yazı tiplerini, yazı tipi renklerini kontrol edebilir, dolgu tepkisini ve marj tepkisini ve sınır türünü ayarlayabilirsiniz.

Birisi bir mesaj gönderdikten sonra formumuzun görünümü:

Ve bunun gibi, sayfanızda sizin için çalışmaya hazır zarif bir iletişim formu var.

Her şeyi sar

Elementor için Qi Addons ile ilgili en güzel şey, farklı seçeneklerden hızlı bir şekilde hareket edebilmeniz ve bunları sezgisel olarak nasıl kullanacağınızı öğrenebilmeniz için doğrudan yaptığınız tüm değişiklikleri görebilmenizdir. Bir iletişim formu eklemek çok yaratıcı bir görev olmasa da, bu eklenti bu durumda bile yaratıcı olmanızı sağlar. İletişim formunuzu görüntüleyin, kullanıcınızın sizi görüntüleme şeklini büyük ölçüde etkileyebilir ve bu departmanda aynı standardı da sağlamayı başarırsanız, web siteniz, markanız ve işletmeniz için büyük bir katma değer olacaktır.

Bu makalenin yararlı olduğunu umuyoruz. Eğer isterseniz, bu makalelerin bazılarını okumaktan çekinmeyin!

Eklenti düğmesi, sahip olmaya değer en iyi wordpress gibi
WordPress düğmesinin 4 kolay yolu
Tasarım Kest için İpuçları: Ziyaretçinizden Nasıl Tıklanırsınız

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir