# Egyedi oldal egyedi tartalomtípushoz (CCT)

> Hogyan kap egyedi oldalt a JetEngine egyedi tartalomtípusának (CCT) minden eleme: kapcsolt bejegyzéstípus, listasablon és oldalsablon.

Az egyedi tartalomtípus (Custom Content Type, CCT) elemeinek nincs közvetlen egyedi oldala. Ha mégis szükséged van rá, hozz létre egy hasonló egyedi bejegyzéstípust (CPT), és kapcsold a CCT-hez. Az új CCT-elemekhez ezután automatikusan létrejönnek a kapcsolódó bejegyzések, ezeknek pedig már van egyedi oldaluk.

A példa egy „Webinars” nevű CCT-t és egy hozzá tartozó „Webinars” CPT-t használ.

## Követelmények

- Elementor vagy blokkszerkesztő.
- A JetEngine, bekapcsolt Custom Content Type modullal.
- A JetThemeCore.

## 1. Egyedi bejegyzéstípus létrehozása

1. Nyisd meg a **JetEngine → Post Types** oldalt, és kattints az **Add New** gombra.
2. Add meg a **Post Type Name** és a **Post Type Slug** mezőt.
3. Kattints az **Add Post Type** gombra.

## 2. Az egyedi tartalomtípus beállítása

1. Nyisd meg a **JetEngine → Custom Content Types** lapot. Új típust az **Add New** gombbal vehetsz fel, meglévőt az **Edit** műveletre kattintva nyithatsz meg.
2. Add meg a nevet és a slugot, és hozd létre a szükséges egyedi mezőket. A példában ezek: „Webinar name” (Text), „Webinar description” (Textarea), „Webinar image” (Media), „Scheduled date and time” (Datetime), „Registration link” (Text).
3. Az általános beállítások között kapcsold be a **Has Single Page** kapcsolót, és a **Related Post Type** mezőben válaszd ki az előbb létrehozott bejegyzéstípust.
4. Ha szeretnéd, kijelölheted azt a CCT-mezőt, amelyik a bejegyzés címe lesz (**Title field**), és azt, amelyik a bejegyzés tartalma (**Content field**).
5. Kattints az **Add/Update Content Type** gombra.

## 3. CCT-elemek felvétele

Vegyél fel néhány elemet a CCT oldalán.

Ha az elemeket még azelőtt hoztad létre, hogy a CPT-t a CCT-hez kapcsoltad, azokhoz nem tartozik bejegyzés, tehát egyedi oldaluk sincs. Ennek javításához klónozd az összes korábbi elemet (**Clone**), majd töröld a régieket (**Delete**). A klónokhoz már létrejönnek a kapcsolt bejegyzések.

A CCT-elem szerkesztőoldalán megjelenik a **Single post** szakasz a **Go to single post** hivatkozással, amely a kapcsolódó bejegyzés szerkesztőoldalára visz. Az elemek létrehozása után a CPT listájában ellenőrizheted, hogy megjelentek a CCT-elemeket másoló bejegyzések. A bejegyzések címe és tartalma a kapcsolt CCT-mezők szövegét ismétli.

## 4. Listasablon

1. Készíts listasablont a CCT-elemekhez.
2. A felső eszköztár fogaskerék gombjával nyisd meg a **Listing Item Settings** panelt, és bontsd ki a **Listing Settings** részt.
3. Kapcsold be a **Make listing item clickable** kapcsolót, és a **Link source** értéke legyen **Permalink**. Így a listaelemre kattintva a látogató az egyedi oldalra jut.
4. Tedd közzé a listasablont.
5. Egy tetszőleges oldalra vagy sablonba helyezz el egy Listing Grid elemet, válaszd ki a most elkészített listát, és mentsd.

## 5. Az egyedi oldal sablonja

Most a kapcsolt CPT-hez készítesz sablont, amelyen a CCT-elem adatai jelennek meg.

1. Nyisd meg a **Crocoblock → Theme Builder** oldalt, és kattints a **Create new page template** gombra.
2. Az **Add Condition** gombbal add meg: **Include**, **Egyedi**, a CCT-hez kapcsolt CPT, **All**. Kattints a **Create** gombra.
3. Szükség esetén nevezd át a sablont, kattints az **Add body** (a **Override theme body**) gombra, majd a **Create template** lehetőségre.
4. A **Create a template** ablakban válaszd ki a **Template content type** értékét, add meg a **Template name** mezőt, és kattints a **Create** gombra.
5. A **Go to editor** gombbal nyisd meg a szerkesztőt.
6. Tedd az oldalra a dinamikus elemeket vagy blokkokat, és jeleníts meg velük CCT-mezőket, ugyanúgy, mint a listasablonban. Az előnézet nem elérhető, az eredmény a weboldalon látszik.
7. Tedd közzé a sablont, térj vissza a **Crocoblock → Theme Builder** oldalra, és állítsd be az egyedi oldalsablon fejlécét és láblécét ([Fejléc és lábléc](https://hub.hellowp.io/hu/plugins/jet-theme-core/fejlec-es-lablec/)).

A sablon létrehozásának lépéseit részletesen az [Egyedi bejegyzéssablon készítése](https://hub.hellowp.io/hu/plugins/jet-theme-core/egyedi-oldal-bejegyzes-sablon/) fejezet mutatja.

## Az eredmény ellenőrzése

Nyisd meg a weboldalon azt az oldalt, amelyen a Listing Grid van, és kattints az egyik elemre. Az egyedi oldalon a CCT-elem adatai jelennek meg, ahogy a sablonban beállítottad.