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.

Lýdie Pehalová

Ve volném času kreslím. Pak mě baví HTML, CSS a WordPress. Nerada usínám na vavřínech, proto se snažím rozvíjet dál na nových technologiích určených pro web.

  • Jak zjistit, odkud vedou zpětné odkazy na můj web?

    Dnes mám pro vás jeden tip, jak si můžete zjistit, z jakých webových stránek vedou odkazy na váš web. Pomůže vám s tím nástroj http://www.openlinkprofiler.org/. Na to, že je k dispozici ZDARMA nabízí dost podrobnou analýzu zpětných odkazů. Kromě toho, že vám vypíše počet zpětných odkazů,  můžete vidět i přesnou adresu, kde je odkaz umístěn. […]

  • Mini seriál: Struktura WordPress šablony

    Často se mě ptáte: „Kam mám vložit HTML kód od Adsense? Píše mi to, že to mám vložit za <head>, ale kam?“ Když pracujete se šablonou, nebo píšete vlastní, potřebujete vědět, kam zkopírovat nejrůznější HTML kódy, stylopisy a javascripty, anebo kde si můžete upravit výpis příspěvků, atp. Jaké soubory a složky najdeme v šabloně?

  • Jak vypsat příspěvky ve WordPress?

    Ve WordPress můžeme zobrazit příspěvky hned několika různými způsoby. S pomocí standardního loopu, dále pak s query_posts(), get_posts() a WP_Query(). V dnešním příspěvku se seznámíme se základy WP Query, a představíme si základní atributy funkce. Atributy WP Query Celý kód je přitom docela jednoduchý. Máme tu proměnnou s polem, v němž si zadáváme jednotlivé parametry funkce. <?php $my_custom_query = […]

Napište mi Váš názor na článek...

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *