Tovább a tartalomhoz

Fülek létrehozása a felületen

Hogyan adsz fület a mezőcsoporthoz a Builderben: a fül beállításai, ikonok, fülstílus és alapértelmezett fül.

A fülek a Meta Box Builderben egy külön mezőtípusként jelennek meg. A fül alatt álló mezők tartoznak hozzá.

  1. Nyisd meg a Meta Box → Egyéni mezők menüt, és hozz létre egy mezőcsoportot, vagy szerkessz egy meglévőt.
  2. Add hozzá a szokásos egyéni mezőket.
  3. Kattints a + Add Field gombra, és keress rá a Fül (angolul Tab) típusra. A típus a Layout kategóriában van.
  4. Add meg a fül címkéjét és azonosítóját.
  5. Húzd a Fül mezőt a mezők közé, a megfelelő helyre.

A szabály: a fül után következő mezők tartoznak ehhez a fülhöz, egészen a következő fülig. Az első mezőnek mindig fülnek kell lennie. Ha nem az, a Builder eltávolítja a füleket, és a mezőcsoport fülek nélkül jelenik meg.

https://minta-bolt.hu/wp-admin/post.php?post=4&action=edit
A mezőcsoport két füllel és a hozzájuk tartozó mezőkkel a Builderben

A képen a Kapcsolat fül alatt a Név és az E-mail, a Közösségi média fül alatt a Facebook és az Instagram mező áll. A Builder szerkesztőfelületének angol feliratai a bővítmény sajátjai, a mezők nevei és a beállítások leírásai magyarok.

Kattints a fülre a mezők listájában, a bal oldali panelen megjelennek a beállításai.

https://minta-bolt.hu/wp-admin/post.php?post=4&action=edit
A Fül mező beállításai a bal oldali panelen
Beállítás Mit csinál
Típus A mező típusa, itt Fül kell legyen.
Címke A fül felirata, ez látszik a szerkesztőfelületen.
ID A fül azonosítója, a bővítmény ezzel azonosítja belül. Csak kisbetűt, számot és aláhúzást használj, a kötőjellel légy óvatos.
Ikon típusa Az ikon forrása: Dashicons (alapérték), Font Awesome vagy Egyéni. Nem kötelező.
Ikon Az ikon kiválasztása vagy megadása, az ikon típusától függően.
  • Dashicons: a listából választhatsz ikont, a WordPress beépített ikonkészletéből.
  • Font Awesome: add meg az ikon CSS osztályát a következő mezőben, például fa-solid fa-house. Csak az ingyenes Font Awesome ikonok használhatók.
  • Egyéni: add meg a saját kép webcímét az Ikon URL mezőben.

A fülekhez három stílus tartozik:

Stílus Megjelenés
Default A WordPress kategóriák füleihez hasonló, a mezők fölött vízszintesen.
Box A főszerkesztő Vizuális és Szöveg füleihez hasonló, dobozos vízszintes fülek.
Left A Súgó képernyő füleihez hasonló: a fülek a mezőcsoport bal oldalán, függőlegesen állnak.
https://minta-bolt.hu/wp-admin/post.php?post=6&action=edit
Alapértelmezett fülstílus
https://minta-bolt.hu/wp-admin/post.php?post=6&action=edit
Box fülstílus
https://minta-bolt.hu/wp-admin/post.php?post=6&action=edit
Left fülstílus, a fülek a bal oldalon

A három képen ugyanaz a mezőcsoport látszik, csak a stílusa más.

A stílus és az alapértelmezett fül beállítása

Szekció neve “A stílus és az alapértelmezett fül beállítása”
  1. Kattints a fogaskerék ikonra a Builder felső sávjában, ezzel megnyílnak a mezőcsoport beállításai.
  2. Keresd meg a Tab settings panelt.
  3. A Tab style sorban válaszd ki a stílust: Default, Box vagy Left.
  4. A Default active tab ID mezőbe írd be annak a fülnek az azonosítóját, amelyik a szerkesztő megnyitásakor aktív legyen. Ha üresen hagyod, az első fül lesz aktív.
  5. Mentsd a mezőcsoportot a Save Changes gombbal.
https://minta-bolt.hu/wp-admin/post.php?post=4&action=edit
A Tab settings panel a stílus és az alapértelmezett fül beállításával

A képen a Left stílus van kiválasztva, és a Default active tab ID mezőben a kapcsolat azonosító áll.

Ezután nyiss meg egy olyan tartalmat, amelyhez a mezőcsoport tartozik: a mezők a beállított fülekre rendezve jelennek meg.

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