# WPML CMS Navigation: navigációs elemek

> Morzsamenü, legördülő menü és oldalsáv a CMS Navigation kiegészítővel, PHP-függvényekkel és CSS-testreszabással.

A WPML CMS Navigation kiegészítő navigációs elemeket ad a többnyelvű webhelyhez. A kiegészítő a WPML Multilingual CMS csomagjának része. Három elemet adhatsz vele a témádhoz:

- **Morzsamenü (breadcrumb):** megmutatja, hol jár a látogató az oldal szerkezetében.
- **Legördülő menü:** gyors hozzáférést ad az egyes szakaszokhoz.
- **Oldalsáv:** a megtekintett oldalhoz kapcsolódó oldalakat mutatja.

## Az elemek hozzáadása a témához

Az elemeket egysoros PHP-függvényekkel teheted a témádba:

| Elem | PHP-kód | Hová tedd |
|---|---|---|
| Morzsamenü | `<?php do_action('icl_navigation_breadcrumb'); ?>` | `header.php`, vagy `single.php`, `page.php`, `archive.php`, `tag.php` és `search.php` |
| Legördülő menü | `<?php do_action('icl_navigation_menu'); ?>` | `header.php` |
| Oldalsáv | `<?php do_action('icl_navigation_sidebar'); ?>` | `sidebar.php` |

Az oldalsáv WordPress-widgetként is elérhető: add hozzá a **Megjelenés → Widgetek** oldalon.

## A navigációs elemek testreszabása

A kiegészítő globális beállításai a **WPML → Navigation** oldalon vannak. Itt állíthatsz alapbeállításokat, például a morzsamenü elemeit elválasztó jelet. További testreszabás a WordPress szerkesztőjével és CSS-sel lehetséges.

### Testreszabás a WordPress szerkesztőjében

Oldalszerkesztéskor görgess le a **CMS Navigation** szakaszhoz (a szerkesztő meta box fiókjában). Itt az oldalsáv tartalmát szabhatod testre:

- kizárhatod az aktuális oldalt;
- megadhatod, hogy látszanak-e az aloldalai;
- megadhatod, melyik szakasz alatt jelenjen meg az oldal.

### Megjelenés testreszabása CSS-sel

A navigációs elemeknek van alapértelmezett megjelenésük, ezt CSS-sel módosíthatod. A `../wp-content/plugins/wpml-cms-nav/res/css` mappában két fájl van:

- `cms-navigation-base.css`: a legördülő menü működéséért felel, ne módosítsd;
- `cms-navigation.css`: ezt másold le és módosítsd.

Lépések:

1. Másold a `cms-navigation.css` fájlt a bővítmény mappájából a témád mappájába.
2. Hívd a `wp_head()` függvényt, és töltsd be a másolatot. Ez betölti a bővítmény CSS-fájljait.
3. A testreszabásokat az új fájlban végezd el.