WordPress-űrlapblokkok és feltételes logika a Flow-val

A Flow Gutenberg-natív űrlapkészítőt biztosít, amelynek elrendezés-/tárolóblokkjai és mezőblokkjai egyetlen React-futtatókörnyezetben jelennek meg. A szerkesztő a blokkfát egyetlen látogatói futásidejű definícióvá alakítja, így a végleges űrlap sok elkülönült dinamikus blokk helyett egyetlen összehangolt alkalmazásként működik.

Tárolóblokkok​

A Flow többek között az alábbi tároló- és elrendezésblokkokat tartalmazza:

• Űrlap
• Csoport
• Rács
• Verem
• Mezőcsoport
• Összecsukható rész
• Varázsló
• Varázslólépés
• Sikerállapot
• Vizuálisan rejtett
• Elválasztó

Light DOM megjelenítési blokkok​

A Flow modális és lightbox elrendezésekhez Galéria blokkot is tartalmaz. core/image belső blokkokat fogad, a Mantine shadow root futtatókörnyezete helyett a dokumentum normál DOM-jában jelenik meg, és előző/következő vezérlőket, választható bélyegképeket, választható feliratot és számlálót, valamint modális környezetet figyelembe vevő kezdőpozíciót jeleníthet meg.

Ha a galéria Flow Modalban található, a megnyitó burkoló a wps-flow-gallery-target--{galleryId} osztállyal célozhatja, a wps-flow-gallery-index--N osztállyal pedig egytől számozott kezdőképet kérhet. A Gutenberg oldalsávja segédpanelt is tartalmaz, amely létrehozza ezeket az osztálymintákat a szerzőknek.

Beszélgetésblokk​

A Beszélgetés blokk a Flow háttérrendszeréből származó, tartalomhoz kötött nyilvános hozzászólásfát jelenít meg. Egy társított Flow-űrlap hozza létre a hozzászólásokat és válaszokat, míg a Beszélgetés blokk kezeli a listázást, oldalszámozást, tulajdonosi műveleteket, dátumokat, számlálókat, válasznavigációt, valamint a gyökérszintű hozzászólások választható értékelési összefoglalóit és szűrőit. Nyilvánosan olvasható maradhat, miközben a hozzászólás-módosításokat Cognito-hitelesítés védi, akár statikusan exportált oldalon is.

Az Űrlap/Beszélgetés beállításáról, a célazonosságról, a hozzáférési módokról, a válaszkorlátokról és a statikus webhely követelményeiről lásd a Beszélgetések és hozzászólások oldalt.

Mezőblokkok​

A Flow többek között az alábbi gazdag beviteli és értékblokkokat tartalmazza:

• Szövegmező
• Többsoros szövegmező
• Választómező
• Jelölőnégyzet-csoport mező
• Jelölőnégyzetmező
• Dátummező
• Kapcsolómező
• Számmező
• Választógombmező
• Jelszómező
• PIN-mező
• Színmező
• Fájlmező
• Csúszkamező
• Tartománycsúszka-mező
• Címkemező
• Értékelésmező
• AI-javaslatok
• Beküldési metaadatok
• Vázlat mentése gomb
• Beküldés gomb

Varázsló- és sikerállapot-folyamatok​

A Varázsló és Varázslólépés blokkokkal lépésenkénti ellenőrzéssel, választható navigációs szabályokkal és választható folyamatjelzőkkel rendelkező többlépéses űrlapokat készíthet.

A Sikerállapot blokk általános sikerüzenet helyett külön nézetet jelenít meg a beküldés vagy az AI-javaslat elfogadása után. Ez gazdagabb megerősítési állapothoz hasznos, például következő műveletekkel, beküldési metaadatokkal vagy „vissza az űrlaphoz” / „beküldés mindenképpen” vezérlőkkel.

A szerkesztő előnézeti vezérlőt is biztosít az űrlap szerzőinek, így közvetlenül a Gutenbergben tekinthetnek meg egy adott varázslólépést vagy sikerállapotot anélkül, hogy minden alkalommal végig kellene kattintaniuk a teljes folyamaton.

AI Suggestions blokk​

Az AI Suggestions blokk a végleges beküldés előtti támogatott kitöltésre szolgál. Képes:

• kiválasztott előbeállítással futni,
• választhatóan tudásbázis-lekérést használni,
• több javaslatot megjeleníteni megbízhatósággal és kapcsolódó dokumentációval,
• elfogadási és elutasítási műveleteket támogatni,
• lehetővé tenni, hogy a felhasználó a javaslatok áttekintése után is normál beküldéssel folytassa.

A futtatókörnyezet nyomon követi az AI-javaslatok állapotát, így más blokkok és feltételek reagálhatnak arra, hogy a javaslatok lefutottak-e, illetve elfogadták vagy elutasították-e őket.

Vázlat mentése és beküldési metaadatok​

A Vázlat mentése gomb blokk lehetővé teszi a vázlatok megőrzését az ezt engedélyező űrlapokon. A futtatókörnyezet mentheti a vázlatot, később folytathatja, és választhatóan törölheti.

A Beküldési metaadatok blokk sikerállapot-elrendezésekhez és hasonló válaszfelületekhez készült. Megjelenítheti a háttérrendszer által biztosított metaadatokat, például a beküldés azonosítóját, állapotát, elfogadási időbélyegét vagy az AI-val kapcsolatos válasz részleteit.

Feltételes logika​

A feltételes logika dinamikusan vezérelheti a mezők és tárolók működését. A támogatott műveletek közé tartozik a megjelenítés/elrejtés, engedélyezés/letiltás, kötelezővé/választhatóvá tétel, lehetőségek frissítése, érték beállítása és törlése. A műveleti jelek között szerepel az egyenlőség, tartalmazás, kezdődik/végződik valamivel, numerikus összehasonlítás, ürességvizsgálat, valamint az „egyik ezek közül” és „egyik sem ezek közül” tagsági vizsgálat.

A Flow AI-t figyelembe vevő feltételeket is kínál, így az elrendezések reagálhatnak a javaslatok futásidejű állapotára. Jellemző példák:

• követő szakasz megjelenítése csak az AI-javaslatok lefutása után,
• kézi mezők felfedése, ha a felhasználó minden javaslatot elutasított,
• eltérő sikerállapot megjelenítése egy AI-javaslat elfogadása után.

Témázás és megjelenítés​

A Flow-űrlapok olyan konfigurálható megjelenítési beállításokat támogatnak, mint a nyelv, szövegirány, színmód, elsődleges színek, generált egyéni paletták és egyéni témafelülírások. A Mantine és Flow tervezési tokenek felülírásához tekintse meg a Témázás (CSS-változók) oldalt.