MagyarmagyarNinja Forms - Layout & Styles
A Ninja Forms űrlapok oszlopos elrendezése és vizuális stílusozása kód nélkül: húzással kialakított oszlopok, webhelyszintű és űrlaponkénti stílusok.
A Layout & Styles a Ninja Forms bővítménye. Két dolgot ad az űrlapkészítőhöz:
- Oszlopos elrendezést: a mezőket egérrel húzva egymás mellé teheted, az oszlopok szélességét és a sorok sorrendjét is te állítod.
- Stílusokat: színeket, méreteket, térközöket és szegélyeket állíthatsz be az űrlap elemeihez CSS írása nélkül. A stílus érvényes lehet az egész webhely űrlapjaira, egy adott űrlapra vagy egy adott mezőre.
Követelmények
Szekció neve “Követelmények”- Telepített és aktív Ninja Forms bővítmény.
Telepítés
Szekció neve “Telepítés”- Telepítsd és aktiváld a Ninja Forms bővítményt.
- Telepítsd és aktiváld a Layout & Styles bővítményt a Bővítmények menüben.
- Az aktiválás után az űrlapszerkesztőben megjelennek az oszlopok húzásához szükséges jelölők, a Haladó fülön és a mezők beállításai között pedig a Stílusok csoport. A Ninja Forms menüben új Styling menüpont jelenik meg, ez a webhelyszintű stílusok oldala.
Áttekintés
Szekció neve “Áttekintés”A bővítmény használata előtt így néz ki egy űrlap az oldalon, a téma alapstílusaival:
A képen a mezők már két oszlopban állnak, de színek, keret és térközök nélkül jelennek meg.
A bővítmény beállításai után ugyanaz az űrlap:
A képen látszik a keretes, színes hátterű konténer, a váltakozó hátterű sorok és a kék Küldés gomb.
Elrendezés és stílusok
- Oszlopos elrendezésMezők egymás mellé húzása az űrlapszerkesztőben: oszlopok létrehozása, átméretezése, sorok átrendezése, listák oszlopszáma.
- StílusbeállításokA webhelyszintű Stílusbeállítások oldal fülei, szakaszai és vezérlői: színek, méretek, térközök, szegélyek, valamint a CSS-mód.
- Stílusok szintjei és visszaállításWebhelyszintű, űrlapszintű és mezőszintű stílusok, a felülírás sorrendje, valamint az összes webhelyszintű stílus törlése.
- HibaelhárításMit tegyél, ha a beállított stílus nem látszik az űrlapon, vagy egy törlés után is stílusok maradtak.
Űrlapok stílusozása
- Űrlapok stílusozásaHogyan kapják a Ninja Forms űrlapok a megjelenésüket: a téma stílusai, a Markáns stílusok beállítás és az oszlopos segédosztályok.
- Egyedi CSS használataEgy Ninja Forms mező HTML-szerkezete, az osztályok és azonosítók, a CSS-szelektorok az általánostól a legpontosabbig, és gyakori kódrészletek.
Készült: