Vuoi rimuovere tutte le classi e gli ID indesiderati dal menu di navigazione di WordPress? Ci possono essere molte classi e ID che potrebbero entrare in conflitto con lo stile richiesto. Abbiamo creato un rapido snippet di codice che puoi utilizzare per rimuovere ogni classe e ID da wp_nav_menu ad eccezione della classe current-menu-item.
Istruzioni:
Tutto quello che devi fare è aggiungere questo codice al file functions.php del tuo tema o in un plugin specifico per il sito:
add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1);
add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1);
add_filter('page_css_class', 'my_css_attributes_filter', 100, 1);
function my_css_attributes_filter($var) {
return is_array($var) ? array_intersect($var, array('current-menu-item')) : '';
}
Nota: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come copiare / incollare correttamente snippet di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.
Se ti è piaciuto questo snippet di codice, prendi in considerazione la lettura dei nostri altri articoli sul sito come: Come creare un modulo di contatto su WordPress e 27 migliori temi WordPress per aziende per il tuo sito web.
Come se volessi sostituire current-menu-item con active? Grazie
grazie. ma se ci sono classi CSS personalizzate allora voglio mostrarle anche. ma liberarsi di tutte le altre classi predefinite. qualche idea come
questo rende inutili le classi personalizzate che puoi aggiungere tramite il backend dei menu (sono memorizzate come post meta associate all'elemento del menu), quindi devi anche unirle nell'array restituito se vuoi usarle
questo rende inutili le classi personalizzate che puoi aggiungere tramite il backend dei menu (sono memorizzate come post meta associate all'elemento del menu), quindi devi anche unirle nell'array restituito se vuoi usarle
dovrei metterlo sotto qualche funzione? o incollo semplicemente il codice nel mio functions.php?~~
Grazie per aver condiviso questo codice, proverò subito, bella idea…..
Fantastico, lieto di aiutare.
Come faresti a dare un ID a uno degli elementi li? Voglio dire, avresti una lista ul di 6 link per esempio e uno di loro (il primo per esempio) avrebbe l'ID 'login'?
Tipo così:
Login
Continua con il resto
Sarebbe interessante saperlo