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
Szekció neve “Követelmények”- Elementor vagy blokkszerkesztő.
- A JetEngine, bekapcsolt Custom Content Type modullal.
- A JetThemeCore.
1. Egyedi bejegyzéstípus létrehozása
Szekció neve “1. Egyedi bejegyzéstípus létrehozása”- Nyisd meg a JetEngine → Post Types oldalt, és kattints az Add New gombra.
- Add meg a Post Type Name és a Post Type Slug mezőt.
- Kattints az Add Post Type gombra.
2. Az egyedi tartalomtípus beállítása
Szekció neve “2. Az egyedi tartalomtípus beállítása”- 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.
- 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).
- 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.
- 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).
- Kattints az Add/Update Content Type gombra.
3. CCT-elemek felvétele
Szekció neve “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
Szekció neve “4. Listasablon”- Készíts listasablont a CCT-elemekhez.
- A felső eszköztár fogaskerék gombjával nyisd meg a Listing Item Settings panelt, és bontsd ki a Listing Settings részt.
- 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.
- Tedd közzé a listasablont.
- 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
Szekció neve “5. Az egyedi oldal sablonja”Most a kapcsolt CPT-hez készítesz sablont, amelyen a CCT-elem adatai jelennek meg.
- Nyisd meg a Crocoblock → Theme Builder oldalt, és kattints a Create new page template gombra.
- Az Add Condition gombbal add meg: Include, Egyedi, a CCT-hez kapcsolt CPT, All. Kattints a Create gombra.
- 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.
- 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.
- A Go to editor gombbal nyisd meg a szerkesztőt.
- 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.
- 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).
A sablon létrehozásának lépéseit részletesen az Egyedi bejegyzéssablon készítése fejezet mutatja.
Az eredmény ellenőrzése
Szekció neve “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.
Készült: