Penggayaan Bentuk
Pembina Borang Automatik memberi anda kawalan penuh ke atas penggayaan borang. Padankan warna jenama anda, gunakan fon anda, laraskan jarak dan reka bentuk borang yang kelihatan seperti bahagian semula jadi laman web anda.
Mengapa Penggayaan Bentuk Penting
Laman web anda mempunyai jenama. Borang anda harus mencerminkannya.
Apabila borang kelihatan berbeza daripada bahagian lain laman web anda, pelawat akan teragak-agak. Mereka tertanya-tanya sama ada mereka masih berada di laman web yang sama. Keraguan itu menyebabkan penukaran.
Borang yang digayakan juga menunjukkan profesionalisme. Borang yang digilap memberitahu pelawat bahawa anda mementingkan perincian—dan jika anda mementingkan reka bentuk borang, anda mungkin juga mementingkan data mereka.
Cara Penggayaan Bentuk Berfungsi
Pembina Borang Automatik termasuk editor gaya visual yang terbina dalam antara muka pembina borang.
- Pilih apa yang hendak digayakanPilih daripada bekas borang, label medan, medan input, butang atau mesej ralat.
- Laraskan tetapanGunakan pemilih warna, slider dan menu lungsur turun untuk menukar nilai. Tiada sintaks CSS untuk dipelajari atau diingat.
- Pratonton serta-mertaSetiap perubahan dipaparkan serta-merta dalam pratonton langsung. Lihat dengan tepat bagaimana borang anda akan kelihatan sebelum diterbitkan.
- Simpan sebagai tetapan lalaiGunakan penggayaan anda pada bentuk baharu secara automatik. Cipta sekali, guna semula di mana-mana sahaja.
Apa yang Anda Boleh Sesuaikan
Warna
Kawal setiap warna dalam borang anda. Warna latar belakang untuk bekas borang dan medan individu. Warna teks untuk label, ruang letak dan teks input. Warna sempadan untuk keadaan lalai, fokus dan ralat. Warna butang untuk latar belakang, teks dan kesan hover.
Typography
Pilih fon untuk label dan medan input. Laraskan saiz fon secara bebas—label yang lebih besar untuk penekanan, teks pembantu yang lebih kecil untuk maklumat sekunder. Kawal pemberat fon untuk label tebal atau teks input yang lebih terang.
Jarak dan Susun Atur
Tetapkan jarak antara medan untuk mewujudkan ruang bernafas. Laraskan pelapik di dalam medan untuk entri teks yang selesa. Kawal margin di sekeliling keseluruhan borang untuk meletakkannya dengan sempurna dalam susun atur halaman anda.
Sempadan dan Sudut
Tentukan lebar, gaya dan warna sempadan. Bulatkan sudut untuk penampilan moden atau kekalkannya tajam untuk reka bentuk minimum. Gunakan gaya sempadan yang berbeza pada keadaan bentuk yang berbeza—sempadan halus secara lalai, sempadan yang menonjol pada fokus.
Butang
Reka bentuk butang hantar yang sepadan dengan jenama anda. Warna latar belakang, warna teks, jejari sempadan, padding, saiz fon dan berat fon. Sesuaikan keadaan hover dan aktif supaya butang terasa responsif dan boleh diklik.
BorangContainer
Gayakan keseluruhan pembalut borang. Tambahkan warna latar belakang atau kekalkannya lutsinar. Gunakan bayang kotak untuk kedalaman. Tetapkan jejari sempadan untuk bekas borang bulat. Kawal lebar maksimum untuk mengelakkan borang daripada meregang terlalu lebar.
Senario Penggayaan Bentuk Biasa
Garis Panduan Jenama Padanan
Syarikat anda mempunyai warna tertentu—#0F2D5F untuk warna utama, #F59E0B untuk aksen. Masukkan nilai tersebut dalam editor gaya. Butang borang menggunakan warna aksen anda. Label borang menggunakan warna utama anda. Konsistensi jenama yang sempurna.
Cipta Borang Kontras Tinggi
Laman web latar belakang gelap? Cipta borang cerah yang menonjol. Latar belakang cerah? Gunakan borang bersempadan dengan bayang-bayang halus untuk menentukan kawasan borang tanpa bersaing secara visual.
Reka Bentuk Borang Minimal
Buang sempadan, kurangkan jarak, gunakan latar belakang lutsinar. Cipta borang yang terasa terintegrasi ke dalam halaman dan bukannya diletakkan di dalam kotak.
Bina Borang Seruan Tindakan yang Berani
Butang besar, warna yang terang, pelapik yang luas. Cipta borang yang memerlukan perhatian untuk halaman penjanaan bakal pelanggan anda yang paling penting.
Borang Yang Padan Dengan Mana-mana Tema
Pembina Borang Automatik berfungsi dengan setiap tema WordPress. Borang gaya anda disesuaikan dengan sebarang konteks reka bentuk.
Menggunakan Woodmart, Astra, GeneratePress, Divi atau mana-mana tema lain? Borang anda akan kelihatan natif. Editor gaya memberi anda kawalan yang mencukupi untuk dipadankan dengan mana-mana sistem reka bentuk.
Tiada konflik tema. Tiada isu pewarisan gaya. Hanya borang yang kelihatan tepat seperti yang anda mahukan.
CSS Tidak Diperlukan
Anda tidak perlu menulis CSS tersuai untuk menggayakan borang anda. Editor visual mengendalikan semuanya.
Tetapi jika anda mahukan kawalan CSS, Auto Form Builder menyokong CSS tersuai bagi setiap borang. Tambahkan penggantian untuk kes tepi atau gunakan penggayaan lanjutan yang tidak tersedia dalam editor visual. Pengguna lanjutan mendapat fleksibiliti yang mereka perlukan.
