Tovább a tartalomhoz

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.

  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.
https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine
A Modulok fül, bekapcsolt Admin Pages modullal

Az oldal újratöltődik, és a JetEngine almenüben megjelenik az Admin Pages menüpont. A modulokról bővebben a Modulok fejezetben olvashatsz.

  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.
https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-admin-page
Az admin oldalak listája egy oldallal

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

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

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).

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.

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.

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.
https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-admin-page&admin_page_action=edit&id=1
A mentett admin oldal szerkesztője a HTML tartalommal

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.

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

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

Szekció neve “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ó.

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.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások