# Admin Pages: egyedi oldalak az admin felületen

> Egyedi admin oldal létrehozása HTML-ből vagy Elementor, Bricks sablonból: beállítások és két példa.

Az admin oldal egy saját oldal a WordPress admin felületén. Egyedi tartalmat vagy funkciót jeleníthetsz meg rajta a webhely adminisztrátorainak. A JetEngine Admin Pages moduljával az oldal készülhet HTML-ből, vagy Elementorral, illetve Bricksszel készült sablonból.

## A modul bekapcsolása

1. Nyisd meg a **JetEngine → JetEngine** oldalt, a **Modulok** fület.
2. Az **Alapértelmezett modulok** között kapcsold be az **Admin Pages** modult.
3. Kattints a **Mentés** gombra.

![A Modulok fül, bekapcsolt Admin Pages modullal](./kepek/elso-lepesek-admin-pages-modul.webp)

*A Modulok fül, bekapcsolt Admin Pages modullal* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine)

Az oldal újratöltődik, és a **JetEngine** almenüben megjelenik az **Admin Pages** menüpont. A modulokról bővebben a [Modulok](https://hub.hellowp.io/hu/plugins/jet-engine/modulok/) fejezetben olvashatsz.

## Új admin oldal létrehozása

1. Nyisd meg a **JetEngine → Admin Pages** oldalt. Itt látod a már létrehozott admin oldalakat, a nevükkel és a szülőoldalukkal.
2. Kattints az **Új hozzáadása** gombra.

![Az admin oldalak listája egy oldallal](./kepek/elso-lepesek-admin-pages-lista.webp)

*Az admin oldalak listája egy oldallal* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-admin-page)

Ha vannak már oldalaid, a **Szerkesztés**, **Másolás** és **Törlés** műveletek a sor végén vannak.

![Az új admin oldal űrlapja](./kepek/elso-lepesek-admin-pages-uj.webp)

*Az új admin oldal űrlapja* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-admin-page&admin_page_action=add)

Az **Általános beállítások** szakasz mezői:

| Beállítás | Mit csinál |
|---|---|
| **Név** | Az admin oldal neve, ez látszik a WordPress menüjében. |
| **Szülőoldal** | Egy meglévő menüpont, amelynek almenüjébe az oldal kerül. Ha üresen hagyod, felső szintű menüoldal lesz. |
| **Menüikon** | A menüpont mellett megjelenő ikon. Alapértéke `dashicons-list-view`. |
| **Menü pozíciója** | Egy meglévő menüelem, amely után az oldal bekerül a menübe. |
| **Hozzáférési jogosultság** | Milyen jogosultság kell az oldal eléréséhez. Alapból a `manage_options` jogosultsággal rendelkező felhasználók látják, de bármilyen más jogosultságra átírhatod. |
| **Page Height** | Az oldal magassága: „Auto”, „Fixed” vagy „Fit to screen, with scrollable admin menu”. |
| **Page content source** | Honnan jön az oldal tartalma: HTML vagy egy szerkesztő (Elementor, Bricks). |

### HTML tartalom

Ha a **Page content source** értéke „HTML”, két további mező jelenik meg:

- **Page render type:** HTML esetén fix érték, a tartalom közvetlenül az oldal törzsében jelenik meg.
- **HTML Content:** ide írhatod a megjelenítendő HTML-kódot.

### Elementor vagy Bricks sablon

Ha a tartalom forrása „Elementor” vagy „Bricks”, ezek a mezők használhatók:

- **Page render type**, két lehetőséggel:
  - „In an iframe”: az oldal egy iframe-ben jelenik meg, így a tartalma elkülönül a fő oldaltól.
  - „Directly in the page body”: az oldal tartalma közvetlenül a fő oldal törzsében jelenik meg, iframe nélkül.
- **Link clicks:** a hivatkozásokra kattintás kezelése. Egyes hivatkozások a témától vagy a kirajzoló bővítménytől függően figyelmen kívül hagyhatják ezt a beállítást.
  - „Prevent”: a hivatkozások nem követhetők.
  - „Open links in new tab”: a hivatkozás új lapon nyílik meg.
  - „Allow”: a hivatkozás a jelenlegi lapon nyílik meg, a megszokott módon.
- **Template ID:** annak a sablonnak az azonosítója, amelyből az oldal készül.

## Példa: HTML tartalmú oldal

Az alábbi egyszerű példa az admin oldal alapszerkezetét mutatja be, nem egy valós felhasználási esetet.

1. Add meg a **Név** mezőben: „Esemény-hirdetmények”.
2. Állítsd a **Page content source** értékét HTML-re.
3. A **HTML Content** mezőbe írj egyszerű HTML-t, például egy címsort és egy bekezdést.
4. Kattints az **Add Admin Page** gombra.
5. Az oldal újratöltődik. A **Név** mező alatt kattints a **View Admin Page** hivatkozásra.

![A mentett admin oldal szerkesztője a HTML tartalommal](./kepek/elso-lepesek-admin-pages-mentve.webp)

*A mentett admin oldal szerkesztője a HTML tartalommal* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-admin-page&admin_page_action=edit&id=1)

Az oldal megmutatja a beírt tartalmat. Mivel nem adtál meg szülőoldalt, saját menüpontot kapott a WordPress oldalsávjában. Szülőoldal megadásakor a **Szülőoldal** menüpont almenüjében jelenne meg.

![A kész admin oldal a HTML tartalommal](./kepek/elso-lepesek-admin-pages-megjelenes.webp)

*A kész admin oldal a HTML tartalommal* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-admin-page-1)

## Példa: Elementor sablonból készült oldal

Ebben a példában előre elkészítettél egy Elementor sablont a **Sablonok** vagy a **Theme Builder** területen. A sablonban egy JetEngine **Listing Grid** van, egy „Események” egyedi bejegyzéstípushoz készült listázási sablonnal. Ha JetSmartFilters szűrőt is teszel a sablonba (például ábécé-szűrőt), az **Apply type** beállítása „AJAX” legyen.

1. Add meg a **Név** mezőben az oldal nevét, és ha kell, a **Szülőoldal** értékét.
2. A **Page content source** értéke legyen „Elementor”.
3. A **Template ID** listában válaszd ki az előre elkészített sablont.
4. Kattints az **Add Admin Page** (vagy meglévő oldalnál az **Update Admin Page**) gombra.
5. Kattints a **View Admin Page** hivatkozásra.

Az oldalon a szűrő és a Listing Grid látható az eseményekkel, és a szűrés közvetlenül kipróbálható.

## Gyakori kérdések

**Mi az admin oldal a JetEngine-ben?** Egy egyedi oldal a WordPress admin felületén, amely saját tartalmat és funkciókat jelenít meg.

**Milyen tartalomforrás használható?** HTML, Elementor vagy Bricks.

**Lehet almenü?** Igen. A **Szülőoldal** beállítással egy meglévő menüpont alá teheted, vagy felső szintű oldalt hozhatsz létre.

**Használhatok JetEngine listázást az admin oldalon?** Igen. Egy JetEngine Listing Gridet tartalmazó Elementor vagy Bricks sablon is lehet az oldal tartalomforrása.