Caldera Forms modul
Caldera Forms űrlap beillesztése és stílusozása a Divi Builderben: tartalom-, design- és haladó beállítások.
A Caldera Forms modullal a Caldera Forms bővítményben készített űrlapot legördülő listából választod ki, nem kell shortcode-ot másolgatnod a Divi Code modulba. Az űrlap minden eleme a modulból stílusozható: cím, szövegtörzs, elválasztó vonal, címkék, mezőleírás, beviteli mezők, helyőrző, rádiógomb és jelölőnégyzet, alap fájlfeltöltő, hiba- és sikerüzenet, küldés gomb és a haladó fájlfeltöltő gomb.
Előkészület
Szekció neve “Előkészület”A modul tetején egy megjegyzés arra figyelmeztet, hogy a Caldera Forms saját stílusát ki kell kapcsolni. Nyisd meg a Caldera Forms menüt, kattints felül az General Settings (általános beállítások) gombra, és kapcsold ki az összes kapcsolót.
Ha még nincs űrlapod, a Caldera Forms → Forms oldalon az New Form gombbal hozhatsz létre egyet.
Tartalom fül
Szekció neve “Tartalom fül”| Beállítás | Mit csinál |
|---|---|
| Caldera Form | Legördülő lista a Caldera Forms bővítményben létrehozott űrlapokkal. Innen választod ki a megjelenítendőt. |
| Show Error & Validation Messages | A hiba- és ellenőrzési üzeneteket a Visual Builderben is megmutatja, hogy stílusozni tudd őket. |
| Admin Label | A modul neve a builderben, az áttekintésben (wireframe nézetben a modulblokkban is ez látszik). |
Design fül
Szekció neve “Design fül”| Csoport | Mit állíthatsz |
|---|---|
| Header Text | Az űrlap létrehozásakor megadott fejléc szövegének stílusa. |
| Body Text | Az űrlap leírásának, szövegtörzsének stílusa. |
| Horizontal Ruler (HR Tag) | Az elválasztó vonal színe (Color) és a vonal alatti-feletti térköz (Gap). |
| Label | A címke alatti térköz (Bottom Spacing), a kötelező mezőt jelző csillag színe (Required Asterisk Color), valamint a címke betűtípusa, mérete, színe és a többi szövegbeállítás. |
| Field Description | A mező alatt megjelenő leírás háttérszíne, betűmérete, betűtípusa, vastagsága és társai. |
| Input, Textarea and Select | Minden beviteli mezőre egyszerre vonatkozik (név, e-mail, üzenet, legördülő). Alsó margó (Margin Bottom), háttérszín, a beírt szöveg betűtípusa, mérete, színe, a mező lekerekítése, szegélye és árnyéka. A lekerekítésnél a lánc ikonnal egyszerre állítod mind a négy sarkot, kikapcsolva külön-külön. |
| Input, Textarea and Select Focus | A mezők megjelenése, amikor beleírsz (fókuszban vannak), például a szöveg mérete és vastagsága. |
| Placeholder | A helyőrző szöveg betűtípusa, mérete és a többi szövegbeállítás. |
| Radio & Checkbox | A rádiógombok és jelölőnégyzetek szövegének stílusa. A Custom Radio/Checkbox Styles kapcsolóval egyéni kinézetet kapcsolsz be: Checked Color (a bejelölt jel színe), Checked Background Color (bejelölt állapot háttere), Background Color (alap háttér). |
| Basic File | Az alap fájlfeltöltő mező: belső térköz, háttérszín, betűtípus, méret, vastagság. |
| Error Messages | A hibaüzenet háttérszíne, betűtípusa, mérete, árnyéka, lekerekítése és szegélye. |
| Success Messages | A sikerüzenet háttérszíne, betűtípusa, mérete, árnyéka, lekerekítése és szegélye. |
| Submit Button | Igazítás (balra, középre vagy jobbra), felső margó (Margin Top), és a Use Custom styles for the button kapcsolóval a gombot úgy stílusozod, mint a Divi gombját. |
| Advanced File Button(1.0) | A Use Custom styles for the Advanced File Button(1.0) kapcsolóval a haladó fájlfeltöltő gombot is a Divi gombbeállításaival formázod. |
Haladó fül
Szekció neve “Haladó fül”Egyéni CSS-azonosítót és -osztályokat adhatsz a modulnak, saját CSS-t írhatsz hozzá, és eszközönként megadhatod, hol látszódjon.
Készült: