Jak vyčistit menu od zbytečných tříd a identifikátorů?

Milí čtenáři,
dnes jsem si pro Vás připravila kraťounký návod na úpravu menu na Vašich webových stránkách postavených na skvělém redakčním systému WordPress. Zdrojový kód jsem našla na webu http://wordpress.stackexchange.com/questions/12784/wp-nav-menu-remove-class-and-id-from-li, a nyní bych jej chtěla zprostředkovat pro české uživatele WordPressu.

Na úvod se zeptám:

Proč vůbec odebírat třídy a identifikátory menu?

Především jde o to, že ve výchozím zdrojovém kódu menu se nachází spousta tříd. Jen si ho prohlédněte:

puvodni-kod-menu-min

Zaměřte svou pozornost především na elementy li, kde jsou následující třídy: menu-item, menu-item-post_type, menu-item-object-page a menu-item-118. Z těchto všech tříd bych v nejnutnějším případu ponechala tu poslední, ovšem k tomu není důvod, když je pro tento element použitý identifikátor menu-item-{číslo položky menu}. Z toho důvodu považuji za vhodné zbavit se uvedených tříd.

Co budeme potřebovat?

Postačí jakýkoliv libovolný textový editor – já používám Atom, v němž mám nainstalovaný modul, který mi našeptává jednotlivé funkce pro WordPress, dále pak soubor functions.php, a v neposlední řadě onen opěvovaný zdrojový kód, který nám zajistí požadovanou funkcionalitu.  Otevřete složku se šablonou, vyhledejte soubor functions.php, a do něj zkopírujte celý tento zdrojový kód.


add_filter('nav_menu_item_id', 'clear_nav_menu_item_id', 10, 3);

function clear_nav_menu_item_id($id, $item, $args) {

return „“;

}

 

add_filter(‚nav_menu_css_class‘, ‚clear_nav_menu_item_class‘, 10, 3);

function clear_nav_menu_item_class($classes, $item, $args) {

return array();

}

 

Následně soubor uložte. K souboru functions.php můžete přistupovat i z Vaši WordPress administrace přímo na webu. Toto je možná lepší řešení pro ty uživatele, kteří neumí pracovat s FTP klientem. Takže si otevřete Vaší administraci -> Vzhled -> Šablony -> Editor. V menu vpravo vyberte soubor Functions, vizte na následujícím obrázku:

nahled-upravy-kodu-ve-wp-min

Do textového pole úplně nakonec vložte uvedený kus kódu, a soubor uložte.

To je celé.

Doufám, že se Vám článek líbil, a přeji hezkou neděli.