Vormstilering
Outomatiese Vormbouer gee jou volle beheer oor vormstilering. Pas jou handelsmerkkleure aan, gebruik jou lettertipes, pas spasiëring aan en ontwerp vorms wat soos 'n natuurlike deel van jou webwerf lyk.
Waarom Vormstilering Saak Maak
Jou webwerf het 'n handelsmerk. Jou vorms moet dit weerspieël.
Wanneer vorms anders lyk as die res van jou webwerf, huiwer besoekers. Hulle wonder of hulle steeds op dieselfde webwerf is. Daardie huiwering kos omskakelings.
Gestileerde vorms kommunikeer ook professionaliteit. 'n Gepoleerde vorm sê vir besoekers dat jy omgee vir besonderhede – en as jy omgee vir vormontwerp, gee jy waarskynlik ook om vir hul data.
Hoe Vormstilering Werk
Outomatiese Vormbouer bevat 'n visuele stylredigeerder wat in die vormbouer-koppelvlak ingebou is.
- Kies wat om te stileerKies uit vormhouer, veldetikette, invoervelde, knoppies of foutboodskappe.
- Pas die instellings aanGebruik kleurkiesers, skuifbalkies en aftreklyste om waardes te verander. Geen CSS-sintaksis om te leer of te onthou nie.
- Voorskou onmiddellikElke verandering verskyn onmiddellik in die regstreekse voorskou. Sien presies hoe jou vorm sal lyk voordat jy dit publiseer.
- Stoor as verstekwaardesPas jou stilering outomaties op nuwe vorms toe. Skep een keer, hergebruik oral.
Wat jy kan aanpas
Colors
Beheer elke kleur in jou vorm. Agtergrondkleure vir die vormhouer en individuele velde. Tekskleure vir etikette, plekhouers en invoerteks. Randkleure vir verstek-, fokus- en fouttoestande. Knoppiekleure vir agtergrond-, teks- en sweefeffekte.
Tipografie
Kies lettertipes vir etikette en invoervelde. Pas lettergroottes onafhanklik aan—groter etikette vir klem, kleiner hulpteks vir sekondêre inligting. Beheer lettertipegewig vir vetgedrukte etikette of ligter invoerteks.
Spasiëring en uitleg
Stel spasiëring tussen velde om asemhalingsruimte te skep. Pas opvulling binne velde aan vir gemaklike teksinvoer. Beheer marges rondom die hele vorm om dit perfek binne jou bladuitleg te posisioneer.
Grense en Hoeke
Definieer randwydte, styl en kleur. Rond hoeke af vir 'n moderne voorkoms of hou hulle skerp vir 'n minimalistiese ontwerp. Pas verskillende randstyle toe op verskillende vormtoestande—subtiele rande by verstek, prominente rande op fokus.
Knoppies
Ontwerp indienknoppies wat by jou handelsmerk pas. Agtergrondkleur, tekskleur, randradius, opvulling, lettergrootte en lettertipegewig. Pasmaak sweef- en aktiewe toestande sodat knoppies responsief en klikbaar voel.
Vormhouer
Stileer die algehele vormomslag. Voeg 'n agtergrondkleur by of hou dit deursigtig. Pas boksskaduwees toe vir diepte. Stel randradius vir afgeronde vormhouers. Beheer maksimum breedte om te verhoed dat vorms te wyd rek.
Algemene vormstileringscenario's
Ooreenstemmingsmerkriglyne
Jou maatskappy het spesifieke kleure—#0F2D5F vir primêre kleure, #F59E0B vir aksente. Voer daardie waardes in die stylredigeerder in. Vormknoppies gebruik jou aksentkleur. Vormetikette gebruik jou primêre kleur. Perfekte handelsmerkkonsekwentheid.
Skep vorms met hoë kontras
Donker agtergrond webwerf? Skep ligte vorms wat uitstaan. Ligte agtergrond? Gebruik omrandde vorms met subtiele skaduwees om die vormarea te definieer sonder om visueel mee te ding.
Ontwerp Minimale Vorms
Verwyder grense, verminder spasiëring, gebruik deursigtige agtergronde. Skep vorms wat geïntegreerd voel in die bladsy eerder as om in 'n boks te sit.
Bou vetgedrukte oproep-tot-aksie-vorms
Groot knoppies, sterk kleure, ruim opvulling. Skep vorms wat aandag trek vir jou belangrikste bladsye vir die generering van potensiële kliënte.
Vorms wat by enige tema pas
Outomatiese Vormbouer werk met elke WordPress-tema. Jou gestileerde vorms pas by enige ontwerpkonteks aan.
Gebruik jy Woodmart, Astra, GeneratePress, Divi of enige ander tema? Jou vorms sal oorspronklik lyk. Die stylredigeerder gee jou genoeg beheer om by enige ontwerpstelsel te pas.
Geen temakonflikte nie. Geen styl-oorerwingsprobleme nie. Net vorms wat presies lyk soos jy dit wil hê.
Geen CSS Vereis
Jy hoef nie persoonlike CSS te skryf om jou vorms te stileer nie. Die visuele redigeerder hanteer alles.
Maar as jy CSS-beheer wil hê, ondersteun Auto Form Builder persoonlike CSS per vorm. Voeg oorskrywings vir randgevalle by of pas gevorderde stilering toe wat nie in die visuele redigeerder beskikbaar is nie. Gevorderde gebruikers kry die buigsaamheid wat hulle benodig.
