Tovább a tartalomhoz

Dinamikus listázás: egyéni kártya saját Elementor-sablonból

A Dinamikus listázás widget Egyéni stílusa: saját kártyasablon bejegyzésekhez és egyéni bejegyzéstípusokhoz, több sablon váltogatása, karusszel, kategória- és címkeszűrő.

A Dinamikus listázás widget előre elkészített kártyastílusokat kínál, de nem mindig illenek az adatokhoz: egy terméknek ár, egy csapattagnak beosztás kell. Az Egyéni stílussal a kártyát közönséges Elementor-sablonként tervezed meg, és a widget minden bejegyzéshez ezt ismétli. Kódot nem kell írni. A widget Pro: a Pro bővítménnyel és aktivált licenccel érhető el, és a The Plus Addons → Widgets oldalon be kell kapcsolni a Dinamikus listázás kapcsolóját.

Egyéni kártya bejegyzésekhez és egyéni bejegyzéstípusokhoz

Szekció neve “Egyéni kártya bejegyzésekhez és egyéni bejegyzéstípusokhoz”
  1. Add az oldalra a Dinamikus listázás widgetet.
  2. A Tartalom elrendezése szakaszban a Bejegyzés típusa mezőben válaszd ki a típust: Bejegyzések, vagy bármelyik egyéni bejegyzéstípusod (például termék, csapattag).
  3. A Stílus választóban kattints az Egyéni stílusra (az ötödik, kis ikonnal jelölt kártya).
  4. A Sablonminta kiválasztása mezőben válaszd ki a kártya sablonját, vagy a Create Template gombbal hozz létre újat. Meglévő sablon a Edit Template gombbal nyílik meg szerkesztésre.
https://minta-bolt.hu/wp-admin/post.php?post=208&action=elementor
A Tartalom elrendezése szakasz Egyéni stílussal és kiválasztott kártyasablonnal

A képen az Egyéni stílus van kijelölve, alatta a Sablonminta kiválasztása mezőben a kártyasablon neve látszik, majd az Edit Template gomb, a Több ismétlődés kapcsoló és az Elrendezés.

A sablon a normál Elementor-szerkesztőben nyílik meg. Oda a bejegyzéstípus saját mezőit (cím, kivonat, kiemelt kép, a bejegyzéstípus egyéni mezői) dinamikus címkékkel teheted bárhová a tervben, pontosan úgy, mint egy oldal építésekor.

Amíg nem választasz sablont, a közzétett oldalon egy üzenet kéri, hogy válassz sablont.

https://minta-bolt.hu/dl2-egyeni/
Az Egyéni stílusú lista: minden bejegyzés ugyanazt a sablont ismétli

A képen a hat bejegyzés mindegyike ugyanabból a sablonból készült kártyát kapja, a rács oszlopai az Oszlopok kezelése szakasz szerint rendeződnek.

Beállítás Mit csinál Alapérték
Bejegyzés típusa Melyik bejegyzéstípus elemeit listázza Bejegyzések
Stílus A beépített stílusok, az Egyéni és az intelligens ciklusszerkesztő közül választ Az első stílus
Sablonminta kiválasztása A kártyát adó Elementor-sablon Nincs
Több ismétlődés Több sablon váltogatása egy sablon helyett Elrejtés

A Metro és a Masonry elrendezésnél az egyéni megjelenés megtervezése külön odafigyelést igényel, mert a kártyák magassága eltérő lehet.

Több sablon váltogatása (Több ismétlődés)

Szekció neve “Több sablon váltogatása (Több ismétlődés)”

Ha nem akarod, hogy minden kártya ugyanúgy nézzen ki, kapcsold be a Több ismétlődés kapcsolót. Ez csak Egyéni stílusnál jelenik meg. Négy további sablonhely nyílik: 2. ciklussablon, 3. ciklussablon, 4. ciklussablon és 5. ciklussablon. A Sablonminta sorrendje mezővel döntöd el, milyen sorrendben váltakozzanak: alapértelmezett, Megfordítás vagy Véletlen.

https://minta-bolt.hu/wp-admin/post.php?post=209&action=elementor
A Több ismétlődés kapcsoló bekapcsolva, a 2-5. ciklussablon mezőkkel

A képen az első két sablonhely ki van töltve, a harmadik, negyedik és ötödik még üres.

Két sablonnál a kártyák felváltva az első és a második sablont kapják:

https://minta-bolt.hu/dl2-tobb/
Két sablon váltakozik a rácsban: az A és a B kártya

A képen az „Egyéni kártya A” és a „Egyéni kártya B” sablon váltakozik a rács elemein.

A Stílus és az Elrendezés egymástól független beállítás, ezért az egyéni kártya körhintában is megy.

  1. Készítsd el a lista Egyéni stílussal és kiválasztott sablonnal, a fenti lépések szerint.
  2. Az Elrendezés mezőben válaszd a karusszelt (a negyedik ikon).

A Stílus fül karusszelbeállításai (nyilak, automatikus lejátszás, egyszerre látható kártyák száma) az egyéni kártyákra is úgy érvényesek, mint a beépített stílusokra.

https://minta-bolt.hu/dl2-karusszel/
Egyéni kártyák karusszelben, alatta a lapozópontok

A képen a kártyák egy sorban állnak, alattuk a karusszel pontjai látszanak.

A kategóriaszűrő független a stílustól: ugyanúgy működik Egyéni stílusnál, mint a beépítetteknél. A szűrő azokat a bejegyzéseket szűri, amelyeken a sablon ismétlődik, a sablont nem kell módosítani.

  1. Építs Egyéni stílusú Dinamikus listázás widgetet.
  2. Nyisd meg a Kategória szerinti szűrés szakaszt, és kapcsold be a Kategória szerinti szűrés kapcsolót.
  3. Állítsd be a Szűrés szerint és a Szűrő típusa mezőt.
https://minta-bolt.hu/dl2-szuro/
A kategóriaszűrő sávja az egyéni kártyák rácsa fölött

A képen a szűrősáv a rács fölött áll, a Mind gomb mellett a webhely címkéi (Egyéb, Hirek, Tippek, Útmutatók) látszanak.

Egyéni bejegyzéstípusnál a szűrő a Taxonómiák mezőben választott osztályozás szerint épül. A Szűrő típusa AJAX értéke és a megosztható webcím leírása az AJAX szűrő fejezetben van.

Bejegyzések listájánál a szűrő kategória helyett címke szerint is épülhet.

  1. Állítsd a Bejegyzés típusa mezőt Bejegyzések értékre.
  2. A Kategória szerinti szűrés szakaszban kapcsold be a Kategória szerinti szűrés kapcsolót.
  3. A Szűrés szerint mezőben válaszd a Címke értéket (az alapérték Kategória).

A szűrősáv ezután minden címkéhez egy gombot kirak, de csak azokhoz a címkékhez, amelyek a lekérdezett bejegyzéseken ténylegesen szerepelnek. A Szűrő típusa itt is Normál (újratöltéses) vagy AJAX lehet.

Beállítás Értékek Alapérték
Szűrés szerint Kategória, Címke Kategória
Szűrő típusa Normál, AJAX Normál

A Szűrés szerint mező csak Bejegyzések típusnál és nem karusszel elrendezésnél jelenik meg. A karusszelnél a szűrő nem érhető el. Más bejegyzéstípusnál az osztályozást a Taxonómiák mezővel választod.

  • A közzétett oldalon egy üzenet kéri, hogy válassz sablont. Egyéni stílusnál a Sablonminta kiválasztása mezőben még nincs sablon. Válassz ki egyet.
  • Nincs Több ismétlődés kapcsoló. Csak Egyéni stílusnál és nem ACF-ismétlőmezős listánál látszik.
  • A szűrő nem látszik karusszelnél. A szűrő karusszel elrendezésnél nem érhető el.

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