# Listázási sablon Bricksben

> Listázási elem készítése a Bricks témával: a Bricks beállítása, a három JetEngine-elem és a mentés.

A Bricks egy vizuális WordPress-téma. A JetEngine listázási sablonja ebben is elkészíthető: a sablon bejegyzések, felhasználók, kifejezések, kapcsolatok vagy beállítóoldalak adatait mutathatja. Előfeltétel az aktív Bricks téma és az aktív JetEngine. Egyéni bejegyzéstípust és taxonómiát a JetEngine hozhat létre, az alap WordPress-bejegyzésekhez, felhasználókhoz és kifejezésekhez pedig a **Metaboxok** funkcióval vehetsz fel egyéni mezőket.

## A Bricks előkészítése

1. Nyisd meg a **Bricks → Beállítások** oldalt.
2. Az **Általános** részben kapcsold be azoknak a bejegyzéstípusoknak a kapcsolóját, amelyeket Bricksszel szerkesztesz, és a **Listing Items** (listázási elemek) kapcsolót is.
3. Görgess az oldal aljára, és kattints a **Beállítások mentése** gombra.

## A listázási elem létrehozása

1. A **JetEngine → Listázások/komponensek** oldalon kattints az **Új elem hozzáadása** gombra.
2. Válaszd ki a **Lista forrását**. A példában ez **Bejegyzések**, a bejegyzéstípus pedig egy szerzői típus. A forrás lehet **Lekérdezéskészítő**, **Kifejezések** vagy **Felhasználók** is.
3. Add meg a **Listázási elem nevét**, a **Listázási nézet** legyen **Bricks**.
4. Kattints a **Listázási elem létrehozása** gombra.

## A sablon felépítése

1. A Bricks szerkesztőben kattints a **+** ikonos **Section** gombra.
2. Írd be a bal oldali keresőbe, hogy „dynamic”: a listázási elemhez három JetEngine-elem érhető el, a **Dynamic Field**, a **Dynamic Image** és a **Dynamic Link**.
3. Húzd be a **Dynamic Field** elemet. A **Content** beállítások **General** fülén a **Source** listában válaszd a **Post/Term/User/Object Data** forrást az alap mezőkhöz, és az **Object field** legyen például **Title**. Másold le az elemet, és az másolatnál válaszd a **Content** mezőt.
4. Saját metamező értékéhez a **Source** legyen **Meta Data**, és válaszd ki a metamezőt. Egyes mezőtípusok értéke csak visszahívással (callback) jelenik meg helyesen, ezt a **Filter field output** beállítás kezeli.
5. A **+** gombbal add hozzá a **Dynamic Image** elemet: ez a kiemelt képet vagy egy metamezőben tárolt képet mutatja.
6. Add hozzá a **Dynamic Link** elemet. A **Source** legyen **Permalink**, hogy a látogató az adott bejegyzés oldalára jusson.
7. Az elemek stílusát a **Style** szakaszban állítsd.
8. A jobb felső sarokban kattints a **Save** gombra.

A kész sablont a **Listing Grid** elemmel jelenítheted meg az oldalon, lásd [Listing Grid widget](https://hub.hellowp.io/hu/plugins/jet-engine/listazas-listing-grid/).