JetElements és JetTabs widgetek dinamikussá tétele a Lekérdezéskészítővel

A JetElements és a JetTabs widgetjei alapból statikusak. A JetEngine Lekérdezéskészítőjével dinamikussá teheted őket: a tartalmuk bejegyzésekből, metamezőkből, kapcsolatokból vagy egyéni lekérdezésekből töltődik. Ehhez aktív JetEngine, JetElements és JetTabs kell.

Minden widgetben ugyanaz a séma: bekapcsolod a Use JetEngine query kapcsolót, kiválasztod a lekérdezést, meghagyod az egyetlen elemet (ez lesz a minta a betöltött tételekhez), és a mezőkhöz a Dinamikus címke ikonnal dinamikus értéket rendelsz.

Fülek bejegyzésekhez

Itt a fülek a kiválasztott bejegyzések, a fülek tartalma pedig egy listázási sablon.

1. Nyisd meg a JetEngine → Lekérdezéskészítő oldalt, és kattints az Új hozzáadása gombra.
2. Adj nevet a lekérdezésnek, a típus legyen Posts Query, add meg a bejegyzéstípust, az állapot pedig Közzétett (publish).
3. A Post & Page fülön a Posts In mező melletti Dinamikus címke ikonnal válaszd a Current ID (aktuális azonosító) lehetőséget, majd mentsd a lekérdezést.
4. A JetEngine → Listázások/komponensek oldalon hozz létre egy listázási sablont, amely a fülön belül jelenik meg, és tedd közzé.
5. Az Elementor sablonjai között hozz létre egy Page típusú sablont. Add hozzá a Listing Grid widgetet, és az General → Listing mezőben válaszd ki az előbbi sablont.
6. Az Custom Query fülön kapcsold be a Use Custom Query kapcsolót, és válaszd ki az 1-3. lépésben létrehozott lekérdezést. Itt a lista megjelenítheti a „No data was found” üzenetet, ez ebben a lépésben rendben van. Mentsd a sablont.
7. Hozz létre még egy Posts Query lekérdezést ugyanahhoz a bejegyzéstípushoz. Itt add meg, mely bejegyzések jelenjenek meg a fülekben (a példában a Post & Page → Post In mezőben azonosítóval).
8. A kívánt oldalon add hozzá a Tabs widgetet, kapcsold be a Use JetEngine query kapcsolót, és válaszd ki az utoljára létrehozott lekérdezést.
9. Hagyj egyetlen elemet. A Content Type legyen Template, a Choose Template mezőben pedig válaszd ki a 5. lépésben létrehozott sablont.
10. Tedd közzé az oldalt: a fülek a kiválasztott bejegyzésekkel jelennek meg.

Fülek kifejezések szerinti bejegyzésekhez

Itt minden fül egy kifejezés (term), tartalma az adott kifejezéshez tartozó bejegyzések listája.

1. A Lekérdezéskészítőben hozz létre egy Posts Query lekérdezést a kívánt bejegyzéstípussal.
2. A Tax Query fülön kattints az Új hozzáadása gombra. Válaszd ki a taxonómiát, a Field értéke legyen Term ID, a Terms mező melletti Dinamikus címke ikonnal válaszd a Queried term lehetőséget, az összehasonlítás pedig legyen IN. Add hozzá a lekérdezést.
3. Készíts listázási sablont a bejegyzésekhez a JetEngine → Listázások/komponensek oldalon, és mentsd.
4. Készíts Elementor sablont, amelyben a Listing Grid widget ezt a listázást és az előbbi lekérdezést használja. Mentsd a sablont.
5. Hozz létre egy Terms Query lekérdezést: add meg a nevét, és a General fülön válaszd ki a taxonómiát.
6. Az oldalon add hozzá a Tabs widgetet, kapcsold be a Use JetEngine query kapcsolót, és válaszd a Terms Query lekérdezést.
7. Hagyj egyetlen elemet. A fülek nevéhez a Label mező melletti Dinamikus címke ikonnal válaszd a Term Field lehetőséget, majd a megnyíló ablakban a taxonómiát és mezőként a Term name (kifejezés neve) értéket.
8. A Content Type legyen Template, a Choose Template mezőben válaszd ki a 4. lépésben mentett sablont, és mentsd az oldalt.

A frontenden így kifejezésenként csoportosított bejegyzések jelennek meg a fülekben.

Fülek szülő és gyermek kifejezésekhez

Itt a fülek a szülő kifejezések, tartalmuk pedig az adott szülő gyermek kifejezéseinek listája.

1. A Lekérdezéskészítőben hozz létre egy Terms Query lekérdezést, és a General fülön válaszd ki a taxonómiát.
2. A Parent/Child fül Parent mezőjénél a Dinamikus címke ikonnal válaszd a Queried term lehetőséget, és add hozzá a lekérdezést.
3. Készíts listázási sablont a gyermek kifejezésekhez (JetEngine → Listázások/komponensek, Új elem hozzáadása), és tedd közzé.
4. Készíts Elementor Page sablont: add hozzá a Listing Grid widgetet, válaszd ki az előbbi listázást, és alkalmazd rá a 1-2. lépésben létrehozott Terms Query lekérdezést.
5. Hozz létre egy másik Terms Query lekérdezést ugyanahhoz a taxonómiához. A Parent/Child fül Parent mezőjébe írj 0-t, így csak a legfelső szintű (szülő nélküli) kifejezéseket kapod. Add hozzá a lekérdezést.
6. Az oldalon add hozzá a Tabs widgetet, kapcsold be a Use JetEngine query kapcsolót, és válaszd ki az utoljára létrehozott lekérdezést.
7. Hagyj egyetlen elemet. A Label mezőhöz a Dinamikus címke ikonnal válaszd a Term Field lehetőséget, a taxonómiát és a Term name mezőt.
8. A Content Type legyen Template, a Choose Template mezőben válaszd ki a 4. lépés sablonját, és mentsd az oldalt.

A frontenden a szülő kifejezések a fülek, bennük a gyermek kifejezések láthatók.

Csúszka bejegyzésekhez

1. A Lekérdezéskészítőben hozz létre egy Posts Query lekérdezést, és a General fülön válaszd ki a bejegyzéstípust. Szükség szerint állíts be további feltételeket, majd mentsd.
2. Az oldalon add hozzá a Slider widgetet, kapcsold be a Use JetEngine query kapcsolót, és válaszd ki a lekérdezést.
3. Hagyj egyetlen elemet. A kitöltendő mezők melletti Dinamikus címke ikonnal válaszd az Egyedi mező (Custom Field) lehetőséget, és azt a mezőt, amelynek az adatát ki szeretnéd írni.
4. Tedd közzé az oldalt: a csúszkába a kiválasztott bejegyzések töltődnek.

Vélemények bejegyzésekhez

1. A Lekérdezéskészítőben hozz létre egy Posts Query lekérdezést a kívánt bejegyzéstípussal, állíts be további feltételeket, ha kell, és mentsd.
2. Az oldalon add hozzá a Testimonials widgetet, kapcsold be a Use JetEngine query kapcsolót, és válaszd ki a lekérdezést.
3. Hagyj egyetlen elemet. A kitöltendő mezők melletti Dinamikus címke ikonnal válaszd az Egyedi mező lehetőséget, és a kívánt mezőt.
4. Mentsd a változtatásokat, és nézd meg a frontenden: a vélemények a bejegyzésekből töltődnek.

Függőleges idővonal bejegyzésekhez

1. A Lekérdezéskészítőben hozz létre egy Posts Query lekérdezést a kívánt bejegyzéstípussal, igény szerint állíts be további feltételeket, és add hozzá a lekérdezést.
2. Nyisd meg az oldalt Elementorban, és add hozzá a Vertical Timeline widgetet.
3. A widget Cards fülén kapcsold be a Use JetEngine query kapcsolót, és válaszd ki a lekérdezést.
4. Hagyj egyetlen kártyát, a többit töröld. Ez a kártya a minta a dinamikusan betöltött tételekhez.
5. A kártya mezőihez a Dinamikus címke ikonnal válaszd az Egyedi mező lehetőséget, és a kívánt metamezőt.
6. Tedd közzé az oldalt, és ellenőrizd a frontenden.