Gyakori megjelenési és űrlaphibák

Az űrlap nem látszik, és „display:none” kerül rá

Ha az űrlapon feltételes logika van, az egész űrlap display: none stílust kap, és JavaScript jeleníti meg a megjelenítendő mezőket. Ehhez a Gravity Forms-nak a WordPress beépített betöltési funkciójával kell tudnia kiírni a szükséges JavaScriptet az oldal láblécébe. Két gyakori ok van, ha ez nem sikerül:

• A téma footer.php fájljából hiányzik a wp_footer() hívás. Minden témában benne kell lennie, mert ezen át írnak ki kódot a bővítmények a láblécbe:

  <?php wp_footer(); ?>

• A témában vagy egy bővítményben JavaScript-hiba vagy ütközés van, ezért a Gravity Forms szkriptjei nem működnek. Kapcsold ki sorban a bővítményeket, és próbáld ki egy alapértelmezett témával, hogy kiderüljön, mi okozza.

Sortörések vagy bekezdéscímkék jelennek meg minden elem után

Ezeket nem a Gravity Forms teszi be, hanem a téma vagy egy másik bővítmény. A téma- és bővítményütközés ellenőrzésével keresd meg az okozót.

Extra hely van az űrlap fölött és alatt

Ez általában akkor történik, ha az űrlap rövidkódját a súgóoldalról másolod, és a vizuális szerkesztőbe illeszted: gyakran beszúrja a HTML-címkéket is. Szerkeszd az oldalt, nézd a tartalmat a HTML (kód) fülön, és ha a rövidkód körül címkéket látsz, töröld őket. A beágyazásról az Űrlap beágyazása fejezet szól.

Az űrlap stílusa nem töltődik be

Ez általában akkor fordul elő, ha az űrlapot a PHP-függvényhívással közvetlenül a témafájlokba vagy egy külső widgetbe ágyaztad be. Ilyenkor a megjelenéshez és működéshez szükséges CSS-t és szkripteket kézzel kell sorba állítanod (a gravity_form_enqueue_scripts() függvénnyel). A függvényhívásról az Űrlap beágyazása fejezet szól.

Az űrlapon listapontok látszanak

Ezt az űrlap a témától örökölt stílus okozza. Add a téma stíluslapjához az alábbi szabályt, amely eltávolítja a listajeleket és a néha megjelenő kóbor szegélyeket:

body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body ul li {
  list-style-type: none !important;
  list-style-image: none !important;
  list-style: none !important;
  background-image: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

body .gform_wrapper form .gform_body ul > li:before {
  content: "";
}

Hogyan rendezem a mezőket oszlopokba

A mezőket sorokba és oszlopokba az űrlapszerkesztőben húzással rendezheted. Ennek leírása az Oszlopok és sorok az űrlapszerkesztőben fejezetben van.