# Egyedi oldal sablonja CCT-hez

> Egyéni tartalomtípus elemeinek önálló oldala: kapcsolt bejegyzéstípus, listázás kattintható elemekkel és egyedi oldalsablon a Theme Builderben.

A CCT-elemeknek alapból nincs önálló oldaluk. Ha egyedi oldalt szeretnél, érdemes egyéni bejegyzéstípussal kezdeni. Ha mégis CCT-t használsz, hozz létre egy hasonló bejegyzéstípust, és kapcsold a CCT-hez: minden új CCT-elemhez automatikusan létrejön egy bejegyzés, és annak lesz egyedi oldala.

Előfeltétel: Elementor vagy blokkszerkesztő, aktív JetEngine bekapcsolt CCT modullal, és aktív JetThemeCore bővítmény. A példában a „Webinárok” CCT-hez tartozik egy „Webinárok” bejegyzéstípus.

## 1. Bejegyzéstípus létrehozása

1. Menj a **JetEngine → Bejegyzéstípusok** oldalra, és kattints az **Új hozzáadása** gombra.
2. Add meg a bejegyzéstípus nevét és slugját, majd kattints a hozzáadás gombra.

## 2. A CCT beállítása

1. Nyisd meg a **JetEngine → Egyedi tartalomtípusok** oldalt, és hozz létre egy új CCT-t, vagy szerkessz egy meglévőt.
2. Add meg a **Név** és a **Slug** értékét, és vedd fel a szükséges mezőket. A példában ezek: a webinár neve (Szöveg), leírása (Szövegdoboz), képe (Média), az időpont (Dátum és idő) és a regisztrációs link (Szöveg).
3. Az **Általános beállítások** részben kapcsold be a **Van külön oldala** kapcsolót, és a **Kapcsolódó bejegyzéstípus** mezőben válaszd ki a létrehozott bejegyzéstípust.
4. Ha szeretnéd, add meg a **Címmező** (a bejegyzés címébe kerülő mező) és a **Tartalommező** (a bejegyzés tartalmába kerülő mező) értékét.
5. Mentsd a tartalomtípust.

## 3. CCT-elemek felvétele

Hozz létre néhány elemet a CCT menüpontjában. Az elem szerkesztőoldalán megjelenik az **Egyedi bejegyzés** szakasz az **Ugrás az egyedi bejegyzéshez** hivatkozással, amely a kapcsolódó bejegyzés szerkesztőjére visz. A bejegyzéstípus listájában ellenőrizheted, hogy létrejöttek a CCT-elemeket követő bejegyzések: a címük és a tartalmuk a megadott CCT-mezők szövegét ismétli.

Ha az elemeket a bejegyzéstípus kapcsolása előtt hoztad létre, nincs hozzájuk kapcsolt bejegyzés, tehát egyedi oldaluk sem. Ennek javításához **klónozd** az összes korábbi elemet, majd **töröld** a régieket. A klónokhoz már létrejönnek a bejegyzések.

## 4. Listázási sablon kattintható elemekkel

1. Készíts listázási sablont a CCT-hez a [Listázási sablon CCT-hez](https://hub.hellowp.io/hu/plugins/jet-engine/cct-listing-sablon/) fejezet szerint.
2. A felső eszköztáron kattints a fogaskerék ikonra a listázási elem beállításaihoz, és nyisd ki a **Listing Settings** részt.
3. Kapcsold be a **Make listing item clickable** kapcsolót, és a hivatkozás forrásának válaszd a **Permalink** értéket. Az elemre kattintva a látogató az egyedi oldalra jut.
4. Tedd közzé a sablont.
5. Egy oldalon vagy sablonban helyezd el a **Listing Grid** widgetet, válaszd ki a listázást, és mentsd.

## 5. Az egyedi oldal sablonja

A kapcsolódó bejegyzéstípushoz egyedi oldalsablon kell, amely a CCT-elem adatait mutatja.

1. Menj a **Crocoblock → Theme Builder** oldalra, és kattints az új oldalsablon létrehozására szolgáló gombra.
2. A felugró ablakban kattints a feltétel hozzáadására, és válaszd ki: **Include** (benne van), **Singular** (egyedi oldal), a CCT-hez kapcsolt bejegyzéstípus, **All** (mind). Kattints a létrehozásra.
3. Nevezd át az oldalsablont (nem kötelező), kattints a törzs hozzáadására, majd a sablon létrehozására.
4. A felugró ablakban válaszd ki a sablon tartalomtípusát, add meg a nevét, és kattints a létrehozásra.
5. A sablon elkészülte után kattints a szerkesztőbe lépésre.
6. A szerkesztőben helyezz el dinamikus widgeteket vagy blokkokat a CCT-mezők értékeinek kiírásához, ugyanúgy, mint a listázási sablonban. Előnézet nincs, az eredmény a frontenden látszik.
7. Tedd közzé a sablont, majd a **Crocoblock → Theme Builder** oldalon állítsd be az egyedi oldalsablon fejlécét és láblécét.

## Az eredmény

Nyisd meg a frontenden a **Listing Grid** oldalát, és kattints egy elemre. Az egyedi oldal a CCT-elem adatait mutatja.
