# Egyéni mezők megjelenítése a listában és a csempékben

> Hogyan jelenítheted meg a bejegyzések egyéni mezőinek értékét az Intelligens bejegyzéslista és az Intelligens bejegyzéscsempék widgetben, callback használatával.

A JetBlog együtt tud működni a JetEngine bővítménnyel, ezért a bejegyzések egyéni mezőiben (meta mezőiben) tárolt plusz információk is megjeleníthetők a widgetekben. Ez a fejezet azt írja le, hogyan jelenítheted meg ezeket az értékeket az **Intelligens bejegyzéslista** és az **Intelligens bejegyzéscsempék** widgetben.

Az egyéni mezők a többi JetBlog widgetnél is szerepet kapnak:

- az **Intelligens bejegyzéscsempék** és az **Intelligens bejegyzéslista** metaadatként megjeleníti a mezők értékét, és az értékük alapján szűrni is tudja a bejegyzéseket;
- a **Szövegszalag** az egyéni mezők értéke szerint szűri a megjelenő bejegyzéseket;
- a **Videólejátszási lista** a videók címét egyéni mezőből veheti;
- a **Bejegyzések navigációja** és a **Bejegyzések lapozása** a lista és a csempék widget bejegyzésein működik.

A szűrésről és a videócímekről a [következő fejezet](https://hub.hellowp.io/hu/plugins/jet-blog/egyeni-mezok-szures/) szól.

## Követelmények

- Elementor és aktív JetBlog;
- aktív JetEngine, ha a meta mezőket vele hozod létre.

## Előkészítés a WordPress admin felületén

### A widget bekapcsolása

A widgetnek be kell lennie kapcsolva a **Crocoblock → JetPlugins Settings → JetBlog** oldal **Elérhető widgetek** lapján.

### Meta mezők létrehozása

1. Nyisd meg a **JetEngine → Meta Box** menüt, és add hozzá az új meta boxot az erre szolgáló gombbal.
2. Add meg a nevét, a **Meta Box for** listában válaszd a **Post** lehetőséget.
3. A **Post types** listában válaszd a **Posts** típust.
4. A **Meta Fields** részben töltsd ki a mezők adatait: a címet, az azonosítót (nevet), a típust és a többit.
5. Görgess fel, és mentsd a meta boxot.

A JetEngine-ben létrehozott mezőket az egyes bejegyzések szerkesztőjében töltöd ki, majd közzéteszed vagy frissíted a bejegyzést.

### A mezők kitöltése a bejegyzésen

1. Nyisd meg a **Bejegyzések → Összes bejegyzés** listát, és szerkeszd a kívánt bejegyzést.
2. A jobb felső sarokban nyisd meg a beállítások menüt, és válaszd a beállítások (preferenciák) menüpontot a lista végén.
3. A felugró ablakban a **Haladó** részben kapcsold be az **Egyéni mezők** kapcsolót.
4. Görgess le a létrehozott meta box blokkjához, és add meg a megjelenítendő tartalmat (például képet, hivatkozást, időpontot).
5. Mentsd a bejegyzést.

## A beállítások az Elementor szerkesztőben

Add az oldalhoz az **Intelligens bejegyzéslista** vagy az **Intelligens bejegyzéscsempék** widgetet, jelöld ki, majd a **Tartalom** fülön nyisd meg az **Egyéni mezők** részt.

![Az Intelligens bejegyzéslista Egyéni mezők része bekapcsolt Meta Cím előtt/után kapcsolóval és egy hozzáadott tétellel](./kepek/egyeni-mezok-1-panel-egyeni-mezok.webp)

*Az Intelligens bejegyzéslista Egyéni mezők része bekapcsolt Meta Cím előtt/után kapcsolóval és egy hozzáadott tétellel* (https://minta-bolt.hu/wp-admin/post.php?post=14&action=elementor)

A képen látszik a **Meta Cím előtt/után megjelenítése** kapcsoló, a **Meta mezők pozíciója** lista és az **Elem hozzáadása** gomb.

### A metaadatok helye

| Beállítás | Mit csinál |
| --- | --- |
| **Meta Cím előtt/után megjelenítése** | Bekapcsolva a metaadatok a cím környékén jelennek meg. |
| **Meta Tartalom előtt/után megjelenítése** | Bekapcsolva a metaadatok a tartalom környékén jelennek meg. |
| **Meta mezők pozíciója** | **Előtte** vagy **Utána**: a metaadatok a cím (vagy a tartalom) előtt, illetve után állnak. |

### Egy mező hozzáadása

Minden megjelenítendő mezőhöz külön elemet kell felvenned az **Elem hozzáadása** gombbal. Az elem beállításai:

| Beállítás | Mit csinál |
| --- | --- |
| **Kulcs** | A mező meta kulcsa, ahogy a bejegyzések meta táblájában áll. A JetEngine-es meta box mezőjének neve (azonosítója). |
| **Címke** | A mező előtt megjelenő felirat. Ha nincs szöveges adat (például képnél), kihagyhatod. |
| **Érték formátuma** | A megjelenített érték formátum-szövege. |
| **Metaérték előkészítése callback segítségével** | Függvény, amely a mező nyers értékét a megjelenítés előtt feldolgozza. |

Ha több mezőt akarsz megjeleníteni (például egy képet, egy hivatkozást és egy időpontot), mindegyiknek külön elem kell, a saját kulcsával.

### A callback kiválasztása

A callback azt mondja meg, hogy a widget milyen típusú tartalomként kezelje a mező értékét a megjelenítéskor. Mindig a tartalomhoz legjobban illőt válaszd. A lista két célra való: egyéni függvényhez, illetve a mezők értékének az admin oszlopokhoz hasonló megjelenítéséhez. Egy kép azonosítóját tároló mezőnél például a `wp_get_attachment_image` callback a megfelelő, mert ez az azonosítóból képet készít.

Ha a mező több adatot tartalmaz, mindegyiket külön elemként add hozzá, és mindegyikhez válaszd ki a hozzá illő callbacket.

### Ellenőrzés

Frissítsd a widgetet, majd nézd meg az eredményt az előnézetben, illetve az oldal frontendjén.