Ugrás a fő tartalomhoz

WPML CMS Navigation

Mi ez és milyen problémát old meg?​

A WPML CMS Navigation a WPML többnyelvű környezetéhez készült kiegészítő. Kész, beépíthető navigációs elemeket ad: kenyérmorzsa (breadcrumbs), legördülő menük és hierarchikus oldalsáv. Ezek a megoldások segítenek abban, hogy a látogatók könnyebben tájékozódjanak összetett, több szintű tartalmak között, miközben a linkek és útvonalak automatikusan az aktuális nyelvi kontextust követik. A cél: gyors bevezetés, egységes élmény, minimális egyedi kód.

Fejlesztője az OnTheGoSystems, és a bővítmény a WPML ökoszisztémájának része. A telepítés WPML fiókból vagy az OTGS Installerrel történik; jellemzően nem a nyilvános bővítménytárból.

Fő funkciók és működés​

Kenyérmorzsa (breadcrumbs)​

  • Mit csinál: a jelenlegi oldal pontos helyét mutatja a tartalomhierarchiában, kattintható útvonal-elemekkel.
  • Hogyan illeszd be: egyetlen sablonhívással.
do_action('icl_navigation_breadcrumb');
  • Hol használd: tipikusan a headerben vagy közvetlenül a fő tartalom fölött.
  • Testreszabás: a morzsasáv elválasztója és alapbeállításai a WPML → Navigation felületen állíthatók, megjelenését CSS-sel szabhatod.

Legördülő menü​

  • Mit csinál: gyors hozzáférést ad a szekciókhoz vagy oldalszintekhez, ahol a látogató egy listából választhat céloldalt.
  • Hogyan illeszd be:
do_action('icl_navigation_menu');
  • Hol használd: a fejlécben vagy egy szekció-fejlécben, ahol helytakarékos navigáció kell.

Hierarchikus oldalsáv (oldalfa)​

  • Mit csinál: automatikusan generált „tartalomjegyzék” jellegű navigáció, amely a szülő–gyermek oldalszerkezetet mutatja.
  • Hogyan illeszd be:
do_action('icl_navigation_sidebar');
  • Alternatíva: beépített CMS Navigation widget a Megjelenés → Widgetek felületen, húzd be a kívánt oldalsáv-területre.

Oldalszintű finomhangolás​

  • A szerkesztőben egy CMS Navigation metabox segítségével megadhatod:
    • mutassa-e a gyermekoldalakat,
    • kizárja-e az aktuális oldalt,
    • melyik „szekció” alatt jelenjen meg az oldal az oldalfa nézetben.

Globális beállítások​

  • A WPML → Navigation menüben állíthatod a fő opciókat (pl. elválasztó, viselkedés).

Megjelenés és CSS​

  • A bővítmény két CSS-fájllal érkezik. A funkciók alapstílusait adó fájlhoz ne nyúlj; a tényleges kinézetért felelős cms-navigation.css fájlt másold a témádba és írd felül saját szabályokkal. Így frissítésbiztosan tudsz design-t módosítani.

Fejlesztői kiterjeszthetőség​

  • Szűrők és akciók állnak rendelkezésre a listák és szekciók finom kontrolljához. Például a megjelenített szekciók bővíthetők/szűkíthetők egy szűrővel:
add_filter('wpml_navbar_sections', function ($sections) {
    // módosítsd vagy egészítsd ki a $sections tömböt
    return $sections;
});

Gyakorlati példák​

  • Dokumentáció vagy tudásbázis: többszintű oldalfával rendelkező kézikönyvben az oldalsáv mutatja a fejezeteket és alfejezeteket, a kenyérmorzsa pedig mindig jelzi, hol jár a felhasználó.
  • Vállalati oldal: „Rólunk → Csapat → Vezetőség” jellegű mély oldalfák esetén a morzsasáv növeli a helyzetérzéket, a legördülő menüvel pedig gyorsan lehet szintet váltani.
  • Oktatási portál: tananyag-modulok és leckék között a hierarchikus oldalsáv „tartalomjegyzék” szerepet tölt be, nyelvenként helyes URL-ekkel.
  • Blokk-alapú (FSE) témák: a klasszikus sablonfájlok helyett sablonrészekbe illeszd a hívásokat, vagy használd a widgetet az admin felületen. A működési logika változatlan.

Telepítés és első lépések​

  1. Telepítsd és aktiváld a bővítményt a WPML ökoszisztémáján belül (WPML fiók vagy OTGS Installer).
  2. Illeszd be a kívánt hívásokat a sablonba:
    • Morzsasáv: a header vagy a tartalom fölé
    • Oldalfa: a sidebar sablonba
    • Legördülő menü: a fejlécbe vagy navigációs sávba
  3. Állítsd be az alap opciókat a WPML → Navigation menüben.
  4. Oldalszintű finomhangolás: használd a szerkesztőben a CMS Navigation metaboxot.
  5. Stílus: másold a cms-navigation.css fájlt a témádba, és írj saját CSS-t.

Előnyök és értékajánlat​

  • Idő- és költségmegtakarítás: kész elemek, minimális egyedi kód.
  • Többnyelvű pontosság: a WPML nyelv- és URL-kezelésével együttműködve minden link és útvonal a megfelelő nyelvre mutat.
  • Következetes UX: egységes navigáció mintázatok az egész webhelyen, nyelvtől függetlenül.
  • Karbantarthatóság: központi beállítások + oldalszintű finomhangolás, frissítésbiztos CSS felülírással.
  • Rugalmasság: sablonhívás, widget, hookok – azt a módszert választod, ami a projektedhez illik.

Kinek ajánlott?​

  • Nagy, hierarchikus tartalmakat kezelő webhelyeknek (dokumentációk, tudásbázisok, oktatási oldalak).
  • Ügynökségeknek és fejlesztőknek, akik gyorsan akarnak stabil, többnyelvű navigációt adni minimális kóddal.
  • Tartalomgazdáknak és szerkesztőknek, akik oldalanként szeretnék kézben tartani, mi jelenjen meg az oldalsávban.

Mikor nem kell? Ha a témád vagy egy SEO-bővítmény már biztosít jól működő breadcrumbsot és oldalfa-navigációt, külön bővítmény nélkül is eléred a kívánt eredményt.

Tippek és bevált gyakorlatok​

  • Kezdd a morzsasávval: gyors eredmény, azonnali UX-nyereség.
  • Oldalfa esetén tisztítsd a hierarchiát: jól struktúrált szülő–gyermek viszonyok mellett lesz igazán hasznos.
  • Témastílus: mindig a saját témádban felüldefiniált css-sel dolgozz, ne a bővítmény alapfájljait módosítsd.
  • Blokk-témáknál a hívásokat sablonrészekbe tedd, vagy használd a widgetet.

Összegzés​

A WPML CMS Navigation kész, többnyelvű navigációs építőkockákat ad a kezedbe: kenyérmorzsa, legördülő menü és hierarchikus oldalsáv. Egyszerű hívásokkal és widgetekkel azonnal bevezetheted a navigációt, amely a WPML nyelvi logikáját követi. Ha komplex, többszintű tartalommal dolgozol és fontos a felhasználók tájékozódása, ez a bővítmény gyors, karbantartható és profi megoldást ad – felesleges extra kódolás nélkül.