Tovább a tartalomhoz

ACF Flexible Content és ACF Frontend Form widget

ACF rugalmas tartalommezők megjelenítése elrendezésenként, és ACF-mezőkön alapuló űrlap a weboldal látogatói felületén.

Az ACF Flexible Content widget az ACF Flexible Content mezők tartalmát jeleníti meg. A mezőtípust csak az Advanced Custom Fields Pro kínálja, ezért a widgethez az ACF Pro szükséges.

A widget panelján először a mezőt választod ki a Válaszd ki az ACF rugalmas tartalommezőt listából. Ezután a Mező lekérése innen listában megadod, honnan olvassa a mezőt: Aktuális bejegyzés, Aktuális felhasználó, Jelenlegi szerző, Jelenlegi kifejezés vagy Beállítási oldal.

https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor
Az ACF Flexible Content widget panelje két elrendezéssel

Az Ezeknek az elrendezéseknek a mutatása alatt a mezőben létrehozott elrendezések közül azokat veszed fel, amelyeket meg akarsz jeleníteni. A példában az ACF-ben két elrendezés van (szoveg és idezet), mindkettő felkerült a listára.

Minden elrendezéshez két megjelenítési mód közül választhatsz:

  • Dinamikus HTML: saját HTML-t írsz, benne az aktuális sor adataival a {data:row} shortcode segítségével. Ez a Dynamic Shortcodes bővítményt igényli; ha az nincs telepítve, a panel felhívja erre a figyelmed.
  • Sablon: egy Elementor-sablont jelölsz ki, és abban az ACF mezők widgettel vagy dinamikus shortcode-okkal kérsz le minden értéket.
https://minta-bolt.hu/keramia-muhely/
Az elrendezések a mintaoldalon, a kitöltött sorok sorrendjében

A kimeneten az oldalon felvett sorok jelennek meg a mezőben szereplő sorrendben: a szöveges blokk, az idézet, majd újra egy szöveges blokk. Mindegyik a saját elrendezésének megfelelő HTML-lel készül.

Az ACF Frontend Form widget az ACF-ben felvett egyedi mezőkre épülő űrlapot hoz létre a weboldal látogatói felületén. Elementorban szúrod be és állítod be. Az űrlappal tartalmat adhatsz be vagy frissíthetsz anélkül, hogy a WordPress admin felületére kellene belépni.

Mit tud a widget:

  • ACF-mezők beépítése: kiválaszthatod a meglévő ACF-mezőket vagy mezőcsoportokat, sokféle mezőtípust támogat.
  • Bejegyzéskezelés: új bejegyzést hozhat létre, meglévőt frissíthet, vagy egy adott bejegyzéshez kapcsolódhat az űrlap adatai alapján.
  • Testreszabás: a címkék elhelyezése, a mezők elrendezése és az elemek stílusa állítható.
  • Beküldés utáni teendők: megerősítő üzenet, átirányítás másik oldalra vagy a bejegyzés tartalmának frissítése.
  • Haladó stílusozás: a címkék, beviteli mezők és gombok tipográfiája, színe, szegélye, árnyéka és más tulajdonságai.
https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor
Az ACF Frontend Form panelje a mezők forrásával

ACF Frontend Form szakasz: a Mezők lekérése innen lista adja meg, honnan jönnek a mezők: Aktuális bejegyzés, Másik bejegyzés vagy Új bejegyzés.

Megjelenítendő mezők szakasz:

https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor
A Megjelenítendő mezők szakasz
Beállítás Mit csinál
Az összes ACF mező megjelenítése Az űrlapon az adott forráshoz tartozó összes ACF-mező megjelenik. Kikapcsolva egyenként is felvehetsz mezőket vagy mezőcsoportokat.
Bejegyzés címe Megjeleníti a bejegyzés címének szerkesztését.
Bejegyzés tartalma Megjeleníti a bejegyzés tartalmának szerkesztését.

Küldés szakasz:

Beállítás Mit csinál
Beküldési érték A küldés gomb felirata.
Beküldés után Mi történjen a küldés után: Üzenet vagy Átirányítás.
Frissítési üzenet A sikeres beküldés után megjelenő üzenet.

A Stílus fülön a címkéket, a beviteli mezőket, a küldés gombot és az üzeneteket formázhatod.

https://minta-bolt.hu/keramia-muhely/
Az űrlap a mintaoldalon: a cím, az alcím, a galéria, a menetrend, a kapcsolódó bejegyzések és a szekciók mezői

A kimeneten az aktuális bejegyzés összes ACF-mezője szerkeszthető formában jelenik meg, a Mentés gombbal együtt.

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