Példa: táblázat saját SQL-táblából

A táblázat adatai nem csak bejegyzésekből jöhetnek. Ha van egy külön adatbázistáblád (például statisztika), a Lekérdezéskészítő SQL/AI lekérdezés típusával ebből is készíthetsz táblázatot. A példában egy videók megtekintéseit és kedvelései számát tartalmazó tábla kerül az oldalra.

Mire lesz szükséged

• Elementor (az ingyenes változat elég).
• Aktív JetEngine, bekapcsolt Dinamikus táblázatépítő modullal (JetEngine → JetEngine → Modulok → Külső modulok, a módosítás magától mentődik).
• Egy SQL-tábla az adatbázisban, amiből az adatokat olvasod.

1. Az SQL-tábla az adatbázisba

Ha a táblád egy .sql fájlban van, importáld a phpMyAdminnal:

1. Nyisd meg a phpMyAdmint, válaszd ki a webhely adatbázisát, és nyisd meg az Importálás fület.
2. A Fájl kiválasztása gombbal add meg az SQL-fájlt, majd kattints az Indítás gombra.

A tábla neve a WordPress tábla-előtagjával kezdődjön (alapesetben wp_). Ha az előtag nálad más, a fájl nevében is azt használd. Átnevezni a phpMyAdminban lehet: nyisd meg a tábla Műveletek fülét, és írd át a nevet a tábla átnevezésére szolgáló mezőben. Az import után indítsd újra a webhelyet.

2. Lekérdezés

1. Nyisd meg a JetEngine → Lekérdezéskészítő oldalt, és kattints az Új hozzáadása gombra.
2. Add meg a Név mezőben a lekérdezés nevét.
3. A Lekérdezés típusa legyen SQL/AI lekérdezés.
4. Az Egyedi SQL-lekérdezés részben a Táblából mezőben válaszd ki az importált táblát.
5. Ha rendezni szeretnéd az eredményt (a példában megtekintés szerint csökkenő sorrendben), kattints az Új rendezési paraméter hozzáadása gombra, a Sorrend alapja listából válaszd ki az oszlopot, a Rendelés listából pedig a rendezés irányát.
6. A Megjelenítés/oldalankénti korlát mezőben add meg, hány sor jelenjen meg.
7. Nézd át a többi beállítást, majd kattints a Lekérdezés hozzáadása gombra.

https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-query&query_action=edit&id=5

A kép a mentés utáni szerkesztőoldal. Az Oszlopok szűrőkhöz sorban látszik, hogy a tábla mely oszlopai érhetők el.

3. A táblázat

1. Nyisd meg a JetEngine → Tables Builder oldalt, és kattints az Új hozzáadása gombra.
2. Add meg a táblázat nevét, a Data Query listából válaszd ki az SQL-lekérdezést, és kattints a Fetch Data gombra.
3. Az Oszlopok fülön a New column gombbal vegyél fel egy oszlopot minden megjelenítendő adathoz.
4. Minden oszlopnál a Column Content legyen Raw Value, az Adatforrás pedig Fetched Column. A Select Column listából válaszd ki a tábla megfelelő oszlopát.

https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-tables&table_action=add

5. A Table Styles fülön oszloponként megadhatod a Szélesség értékét (bármilyen CSS-érték lehet, például 100px vagy 20%), valamint a fejléc és a cellák függőleges és vízszintes igazítását. Ha a táblázatot az Elementorban akarod formázni, itt ne adj meg semmit.
6. A Reload Preview gombbal ellenőrizheted az előnézetet.
7. Kattints a Create Table gombra.

4. A táblázat az oldalon

1. Hozz létre új oldalt, vagy nyiss meg egy meglévőt az Elementorral.
2. Húzd be a Dynamic Table widgetet, és a Table listából válaszd ki a táblázatot.
3. Kapcsold be a Tartalom fülön a szükséges kapcsolókat, a Stílus és a Haladó fülön pedig alakítsd ki a megjelenést.
4. Kattints a Közzététel gombra.

https://minta-bolt.hu/video-statisztika/

Az oldalon a lekérdezés sorrendje érvényesül: a legtöbbször megtekintett videó áll elöl.