Tovább a tartalomhoz

A Színválasztó mező alapjai

A JetFormBuilder Color Picker Field blokkja a bővítmény nélkül: támogatott formátumok, mentett érték, alapérték, általános és stílusbeállítások.

A Color Picker Field a JetFormBuilder beépített blokkja. Vele az űrlap kitöltője kiválaszthat egy színt, például hogy az oldal vagy a tartalom megjelenését a saját ízlésére szabja. Az Advanced Color Picker ezt a blokkot egészíti ki, ezért érdemes tudni, mit tud a blokk önmagában.

https://minta-bolt.hu/szinvalaszto/
Az űrlap a frontenden: a Kedvenc színed mező egy kis színmintával
  • A böngésző alap HTML színválasztóját használja, amelyben a színt HEX, RGB és HSL formátumban is meg lehet adni.
  • A mentett érték viszont mindig hétkarakteres hexadecimális kód (például #cc0000), formátumtól függetlenül.
  • Ha az értéket HEX vagy RGB formátumban szeretnéd menteni, vagy fejlettebb mezőbeállításokra van szükséged, kapcsold be az Advanced Color Picker bővítmény beállításait (lásd: Beállítások).

A blokk beállításai az oldalsávban a többi mezőhöz hasonlóan két szakaszban vannak:

  • Általános beállítások: címke, mezőnév, leírás, alapérték és a többi szokásos mezőbeállítás.
  • Haladó beállítások: a mező megjelenését és működését finomító közös beállítások.
https://minta-bolt.hu/wp-admin/post.php?post=4&action=edit
A blokk oldalsávja a Field szakasszal

A mező alapértékét az alapérték mező melletti, henger alakú ikonra kattintva adhatod meg. Megnyílik a Preset szerkesztése ablak, ahol kiválasztod a forrást, ahonnan az adat származik (például a felhasználó vagy a bejegyzés egy meta mezője). Így a mező már kitöltve jelenik meg, például a korábban elmentett színnel.

Ha a JetStyleManager bővítmény is telepítve van, az űrlapszerkesztő jobb felső sarkában megjelenik a Block Style gomb. A színválasztó mezőhöz ezek a stílusbeállítások érhetők el:

  • igazítás (Alignment)
  • szegély (Border)
  • szín (Color)
  • külső margó (Margin)
  • belső margó (Padding)
  • betűtípus (Typography)

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások