A WordPress 3 egyik újdonsága, hogy az adminisztrációs felületen a weboldal menüit is egyszerűen létrehozhatjuk, majd kedvünk szerint alakíthatjuk azokat.

Amit eddig – némi html és php tudás birtokában – a sablon kódjának szerkesztésével tehettük meg, most már csak néhány kattintás! Feltéve, hogy a sablonunk támogatja ezt a funkciót…

Amennyiben élni kívánunk a lehetőséggel, két választásunk van: vagy használunk kifejezetten WordPress 3-hoz készített sablont, vagy korábbi sablonunkat alkalmassá tesszük e funkció működtetésére.

A menük kezelése

A WordPress adminisztrációs felületén kattintsunk a Megjelenés – Menük menüpontra! Ha ezt tettük, két oszlopba rendezett dobozokat (paneleket) látunk. A bal oszlopban kiválaszthatjuk az éppen aktív menü helyét a weboldalon, a „Saját linkek”, „Oldal” és „Kategóriák” panellel menüpontokat adhatunk a menükhöz. A jobb oszlopban található panel a menük létrehozását, törlését, és a menüpontok sorrendjének, struktúrájának meghatározását teszi lehetővé.

Lényeges, hogy több menüt is létrehozhatunk, és hogy a menüpontokat strukturálhatjuk, azaz igény esetén készíthetünk almenüpontokat is.

Hogyan használhatjuk ezt a funkciót a WordPress 3 megjelenése előtt készített sablonunkkal?

Csupán néhány sor kód elhelyezésére lesz szükségünk.

1. Először a function.php-ba illesszük be a következő kódot.

if ( function_exists( 'register_nav_menus' ) ) {
	register_nav_menus(
		array(
		  'a-menuhely' => 'A menühely megnevezése',
		  'b-menuhely' => 'B menühely megnevezése ',
		  'c-menuhely' => 'C menühely megnevezése '
		)
	);
}

(Értelemszerűen a menühelyek száma tetszés szerint növelhető/csökkenthető, és a menühelyek elnevezése is szabadon megválasztható.)

2. Ezt követően a sablonunkat (a header.php-t, a sidebar.php-t és/vagy a footer.php-t), a menük kívánt helyének függvényében, egészítsük ki az alábbi kóddal.

<?php wp_nav_menu('theme_location=a-menuhely'); ?>
...
<?php wp_nav_menu('theme_location=b-menuhely'); ?>
...
<?php wp_nav_menu('theme_location=c-menuhely'); ?>

3. A menüket építsük fel az adminisztrációs felületen, majd a CSS stíluslapon adjunk nekik igényes megjelenést.

Kész is vagyunk!

(Amennyiben a fenti leírást túl tömörnek találja, valahol elakad, ne habozzon, írjon egy e-mail-t!)

2010. aug. 2.