# Csapattagok listázása: forrás, elrendezések és kategóriaszűrő

> A Csapattagok listázása widget két forrása (ismétlő és Csapattag bejegyzéstípus), a rács, masonry és körhinta elrendezés, valamint a kategóriaszűrő.

A **Csapattagok listázása** widget a csapatodat mutatja be kártyákon: fénykép, név és beosztás. A tagokat vagy közvetlenül a widgetbe írod be (**Ismétlő**), vagy külön WordPress-bejegyzésként kezeled őket (**Bejegyzés típusa**). Három elrendezése van: **Rács**, **Masonry** és **Körhinta**. Kategória szerint szűrni is lehet, a többi lapozási lehetőségről a [Csapattagok listája: AJAX szűrő és megosztható URL](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/galeria-csapat-velemenyek-csapat-szuro-url/) fejezetben olvashatsz.

## Forrás: ismétlő vagy bejegyzéstípus

A **Forrás kiválasztása** beállítás dönti el, honnan jönnek a tagok:

| Érték | Mit jelent |
|---|---|
| **Ismétlő** | A tagokat közvetlenül a widgetben veszed fel. Minden tagnál megadhatsz **Kategória (szűréshez)** mezőt is. |
| **Bejegyzés típusa** | A tagok a **TP Team Member** bejegyzéstípus elemei. Külön szerkeszthetők, és kategóriákba sorolhatók. |

### A csapattag bejegyzéstípus bekapcsolása

1. Nyisd meg a **The Plus Addons → Listing** oldalt.
2. A **Post types** alatt kapcsold be a **Team Member** tartalomtípust, és mentsd a beállítást.
3. Az admin menüben megjelenik a **TP Team Member** menüpont, benne a **TP Team Member Category** kategóriákkal.
4. Vedd fel a tagokat bejegyzésként (kiemelt képpel), és rendeld mindegyikhez egy kategóriát, ha később szűrni szeretnél.
5. A widgetben a **Forrás kiválasztása** értéke legyen **Bejegyzés típusa**.

![A TP Team Member bejegyzések listája nyolc csapattaggal és két kategóriával](./kepek/galeria-csapat-velemenyek-2-csapat-lista.webp)

*A TP Team Member bejegyzések listája nyolc csapattaggal és két kategóriával* (https://minta-bolt.hu/wp-admin/edit.php?post_type=theplus_team_member)

A képen nyolc csapattag látszik, mindegyik mellett a kategóriája (**Vezetőség** vagy **Fejlesztés**). A menüpont és a **Add New Item** felirat angolul jelenik meg a fordításban.

A widget a bejegyzéstípusból ugyanúgy jeleníti meg a tagokat, mint az ismétlőből: kártyán a fénykép, a név és a beosztás.

## Rács elrendezés

A **Rács** az alapértelmezett elrendezés: a kártyák egyenlő szélességű oszlopokban követik egymást.

1. Add hozzá a **Csapattagok listázása** widgetet az oldalhoz vagy sablonhoz.
2. A **Tartalom** fülön válaszd ki a forrást (**Ismétlő** vagy **Bejegyzés típusa**), és vedd fel a tagokat.
3. Az **Elrendezés** értéke legyen **Rács**.
4. Az **Oszlop asztali nézetben**, **Oszlop táblagépen** és **Oszlop mobilon** beállítással add meg, hány kártya legyen egy sorban az egyes eszközökön.

![A Csapattagok listázása widget rács elrendezésben, négy oszlopban](./kepek/galeria-csapat-velemenyek-2-csapat-racs.webp)

*A Csapattagok listázása widget rács elrendezésben, négy oszlopban* (https://minta-bolt.hu/gcv2-csapat-racs/)

A rács ugyanúgy működik ismétlő és bejegyzés forrás esetén. A kártyák magassága a fényképek méretétől függ, ezért a példában a képarányok eltérőek.

## Masonry elrendezés

A **Masonry** a kártyákat a tényleges magasságuk szerint rakja egymás mellé, így nem szigorú sorok, hanem „lépcsőzetes” elrendezés jön létre. Az elrendezést a widget magától megoldja, külön beállítás nem kell hozzá.

1. Add hozzá a widgetet, és vedd fel a tagokat.
2. Az **Elrendezés** értéke legyen **Masonry**.

![A Csapattagok listázása widget Masonry elrendezésben](./kepek/galeria-csapat-velemenyek-2-csapat-masonry.webp)

*A Csapattagok listázása widget Masonry elrendezésben* (https://minta-bolt.hu/gcv2-csapat-masonry/)

Ha minden fénykép ugyanakkora (azonos képarányra vágott), a Masonry ugyanúgy néz ki, mint a **Rács**. Akkor érdemes választani, ha a fotók magassága eltérő.

## Körhinta elrendezés

A **Körhinta** a csapatot húzható csúszkává alakítja.

1. Add hozzá a widgetet, és vedd fel a tagokat.
2. Az **Elrendezés** értéke legyen **Körhinta**.
3. Megjelenik a körhinta stílusszakasza, ahol az egyszerre látható diák számát, az automatikus lejátszást, a nyilakat és a pontokat állíthatod.

![A Csapattagok listázása widget Körhinta elrendezésben, pontokkal alul](./kepek/galeria-csapat-velemenyek-2-csapat-korhinta.webp)

*A Csapattagok listázása widget Körhinta elrendezésben, pontokkal alul* (https://minta-bolt.hu/gcv2-csapat-korhinta/)

A képen az első négy tag látszik, alatta a lapozópontok. Körhintánál a **Kategória szerinti szűrés** és több, csak rácsnál használható beállítás eltűnik a panelről.

## Kategória szerinti szűrés

Ha a csapat több részlegből áll, a kategóriagombok segítségével a látogató csak az őt érdeklő tagokat nézheti meg. A szűrő a **Rács** és **Masonry** elrendezés fölé kerül, **Körhintánál** nem érhető el. A funkció a Pro változat része.

1. Add hozzá a widgetet **Rács** vagy **Masonry** elrendezéssel.
2. Add meg a tagok kategóriáját: ismétlő esetén a **Kategória (szűréshez)** mezőben, bejegyzéstípus esetén a **TP Team Member Category** kategóriával.
3. Kapcsold be a **Kategória szerinti szűrés** kapcsolót.
4. Szükség esetén állítsd be az **Az összes szűrőkategória szövege**, a **Kategóriaszűrő stílusa** és a **Szűrés illesztése** értékét.

![A csapattagok fölött a Mind, Fejlesztés és Vezetőség szűrőgombok](./kepek/galeria-csapat-velemenyek-2-csapat-szuro.webp)

*A csapattagok fölött a Mind, Fejlesztés és Vezetőség szűrőgombok* (https://minta-bolt.hu/gcv2-csapat-szuro/)

A képen a **Mind** gomb mellett a két kategória gombja látszik; a **Mind** mellett kis számláló mutatja a listázott tagok számát. Egy kategóriára kattintva csak az oda tartozó tagok maradnak látszódni.

Az ismétlőre épülő szűrő tisztán böngészőoldali kapcsoló, ezért kijelentkezett látogatónál is működik. Az **AJAX** szűrőtípus és a megosztható URL a [Csapattagok listája: AJAX szűrő és megosztható URL](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/galeria-csapat-velemenyek-csapat-szuro-url/) fejezetben szerepel, ott a vendéglátogatóra vonatkozó korlátozás is.

## A widget beállításainak áttekintése

| Terület | Mit állíthatsz |
|---|---|
| **Forrás kiválasztása** | **Ismétlő** vagy **Bejegyzés típusa**. |
| **Elrendezés** | **Rács**, **Masonry** vagy **Körhinta**. |
| **Kategória szerinti szűrés** | Kategóriagombok a rács és masonry fölött. |
| **További bejegyzésopciók** | Csak bejegyzés forrásnál: **Továbbiak betöltése**, ami az **URL engedélyezése** kapcsolóval megosztható linkké is válik. |