wake-up-neo.com

Fügen Sie benutzerdefinierte Klassen zum Anker in wp_nav_menu hinzu

Ich möchte Ankern in wp_nav_menu Ausgaben eine benutzerdefinierte Klasse hinzufügen.

Standard ist zum Beispiel:

<li id="menu-item" class="menu-item menu-item-type-custom">
    <a href="http://example.com">example</a>
</li>

Ich will das :

<li id="menu-item" class="menu-item menu-item-type-custom ">
    <a href="http://example.com" class="class">example</a>
</li>
theme-developmentmenusthemeshooksnavigation
4
Hector

Sie können dies mit dem nav_menu_link_attributes Filter tun.

add_filter( 'nav_menu_link_attributes', 'wpse156165_menu_add_class', 10, 3 );

function wpse156165_menu_add_class( $atts, $item, $args ) {
    $class = 'class'; // or something based on $item
    $atts['class'] = $class;
    return $atts;
}
8
cjbj

Sie können Klassen nativ über die Schnittstelle in admin hinzufügen. Öffnen Sie Screen Options (oben rechts auf dem Bildschirm) und überprüfen Sie CSS Classes. Ich erinnere mich nicht, ob die Klasse sich auf den Link selbst bezieht, aber Sie können den Link immer mit CSS (.class a) im Container ansteuern.

3
Rarst