Lekérdezések és tartalom: gyakorlati példák

Négy példa a Dinamikus bejegyzések widget és a távoli tartalmat kezelő widgetek használatára.

Bejegyzések szűrése dátummezővel: az elmúlt egy hét

A példában egy ACF dátumválasztó mező értéke alapján listázol bejegyzéseket a Dinamikus bejegyzések widgetben. Két módszer van.

1. Dátumszűrő. A Lekérdezési szűrő szakaszban a Szerint mezőben válaszd a Dátum szűrőt, a Dátumszűrő értéke legyen Elmúlt hetek (az Eltelt (napok/hónapok/évek) száma mezőbe írj 1-et), a Dátummező pedig Meta érték. Add meg a Meta mezőt, és a Meta dátumformátum mezőben a mezőben tárolt dátum formátumát.

https://minta-bolt.hu/wp-admin/post.php?post=23&action=elementor

2. Meta kulcs szűrő. A Szerint mezőben válaszd a Meta kulcs szűrőt, add meg a Meta mezőt, az Adatfeldolgozó (operátor) legyen nagyobb, mint, az Érték mezőbe pedig dinamikus shortcode kerül, amely a mai dátumból levon egy hetet:

{date:"-1 week" @ format="Ymd"}

A formátumnak egyeznie kell az ACF mezőben tárolt dátuméval (itt Ymd). Ha az operátort kisebb, mint értékre cseréled, éppen azok a bejegyzések tűnnek el, amelyeknek a dátuma az elmúlt egy hétbe esik. Ezt a hagyományos dátumszűrővel nem lehet megoldani.

https://minta-bolt.hu/wp-admin/post.php?post=23&action=elementor

Szerzői profiloldal a szerző bejegyzéseivel

A profiloldalt két lépésben készíted: sablon a profilnak, majd a sablon hozzárendelése a szerzői archívumhoz.

1. A profilsablon. Az Elementor Sablonok → Új hozzáadása menüjében válaszd a Szakasz típust, és nevezd el a sablont. Négy elem kerül bele, ötödikként a bejegyzések listája:

1. Szerző neve: egy szövegelemben használd a [author:display_name] tokent.
2. Szerző bemutatkozása: dinamikus címkének válaszd a Szerző mező címkét, a Mező neve listában pedig a bemutatkozás (Bio) mezőt.
3. Szerző képe: a felhasználó profilképét adó dinamikus címkével jelenítsd meg. Kör alakú maszkot a haladó maszkolás clip-path beállításával adhatsz neki, a kész alakzatok közül választva.
4. A szerző bejegyzéseinek száma: a [user:ID|count_user_posts] token adja vissza.
5. A szerző bejegyzései: húzd be a Dinamikus bejegyzések widgetet. A Lekérdezési szűrő szakaszban a Szerint mezőben válaszd a Szerző szűrőt, a típusa legyen Aktuális szerző.

https://minta-bolt.hu/wp-admin/post.php?post=23&action=elementor

2. Hozzárendelés. A Dynamic Content for Elementor → Funkciók oldal Sablonrendszer (elavult) fülén az Egyéb oldalak között rendeld a sablont a szerzői oldalhoz. Ezután minden szerző oldala a profil adatait és a saját bejegyzéseit mutatja.

WooCommerce-termékek egy kategóriából

1. Húzd be a Dinamikus bejegyzések widgetet, és a Bejegyzés típusa mezőben válaszd a Termékek típust.
2. A Lekérdezési szűrő szakaszban a Szerint mezőben válaszd a Kifejezések és osztályozások (taxonomy) szűrőt, a típusa legyen Kifejezés kiválasztása.
3. Az Osztályozások (taxonomy) kiválasztása mezőben válaszd a Termékkategóriák osztályozást.
4. A felvett kifejezések mezőjében keresd ki és válaszd ki a kívánt kategóriát (kizáráshoz a kizárt kifejezések mezőjét használd).

https://minta-bolt.hu/wp-admin/post.php?post=23&action=elementor

Hasznos például céloldalon, ahol a termékhez hasonló, ugyanabba a kategóriába tartozó termékeket akarsz mutatni.

Tartalom lekérése külső API-ból

A Dinamikus API widgettel bármely nyilvános JSON-API adatát megjelenítheted. A példában egy olyan API-t használsz, amely minden oldalbetöltéskor egy véletlenszerű kutyaképet ad vissza.

1. Add meg a lekérdezendő végpont URL-jét.
2. Az Adatok szakaszban kapcsold be a Dinamikus HTML lehetőséget: így a widget a JSON-választ dolgozza fel, és az eredményt az oldalba építi.
3. A HTML-megjelenítésbe írd azokat a [DATA:…] tokeneket, amelyekkel a visszakapott adatból felépíted a kimenetet (például egy kép src attribútumába az API által visszaadott képcímet).

https://minta-bolt.hu/wp-admin/post.php?post=74&action=elementor

Az oldal minden újratöltésekor új kép jelenik meg. Ugyanígy más API-k adatait is beolvashatod.

Egyedi sablon a Dinamikus bejegyzésekhez

A Dinamikus bejegyzések widget a Tételek fülön előre elkészített tétel stílusokat kínál, amelyeket ott tovább alakíthatsz. Ha ezek egyike sem jó, saját Elementor-sablont is készíthetsz a tételekhez.

1. A widget Tétel stílusa beállításánál válaszd az Elementor-sablon lehetőséget.
2. Kattints a plusz ikonra, így új sablont hozhatsz létre.
3. A sablonban építsd fel a tételt: húzz be widgeteket a bejegyzés adataihoz, például a kiemelt képhez, a címhez, a tartalomhoz vagy a kifejezésekhez. Az adatok dinamikus shortcode-okkal is beszúrhatók.
4. Mentsd a sablont, majd állítsd be a tétel stílusában.

https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor

A képen a Sablon mező látszik, ahol kiválasztod az elkészült sablont.