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
Szekció neve “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
Szekció neve “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
Szekció neve “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
Szekció neve “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:
- Másold a
cms-navigation.cssfájlt a bővítmény mappájából a témád mappájába. - 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. - A testreszabásokat az új fájlban végezd el.
Készült: