WordPress fügt eine Klasse zum Menülink hinzu

Question 1

Ich brauche deine Hilfe. Ich muss dem Link, den WordPress im Menü generiert, eine bestimmte Klasse hinzufügen. Was soll ich bearbeiten? Die HTML-Ausgabe in meinem Fall ist:

<nav class="nav" role="navigation">
<ul>
<li id="menu-item-8" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8"><a href="https://stackoverflow.com/questions/20752318/example.com">Sample Page</a></li>
<li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="http://example.com">Prova sample</a></li>
</ul></nav

Der Code in der Header-Datei, die das Menü generiert, lautet:

    <!-- nav -->
    <nav class="nav" role="navigation">
    <?php html5blank_nav(); ?>
    </nav>
   <!-- /nav -->

Question 2

Fügt eine Klasse hinzu
https://codex.wordpress.org/Plugin_API/Filter_Reference/nav_menu_link_attributes

function add_specific_menu_location_atts( $atts, $item, $args ) {
    // check if the item is in the primary menu
    if( $args->menu == 'primary' ) {
      // add the desired attributes:
      $atts['class'] = 'menu-link-class';
    }
    return $atts;
}
add_filter( 'nav_menu_link_attributes', 'add_specific_menu_location_atts', 10, 3 );

Question 3

Sie können dies auch über das Admin-Panel tun

Klicken Sie unter Darstellung > Menüs auf die Registerkarte Bildschirmoptionen
Aktivieren Sie unter Erweiterte Menüeigenschaften anzeigen die Option CSS-Klassen

Erweitern Sie nun ein beliebiges Menüelement, um den Text der CSS-Klassen (optional) anzuzeigen
Eingang.
Geben Sie Ihren Klassennamen ein und speichern Sie Ihr Menü, um die Klasse auf die anzuwenden
Menüpunkt

http://sevenspark.com/how-to/how-to-add-a-custom-class-to-a-wordpress-menu-item

Question 4

Nachdem ich einige WordPress-Sites basierend auf dem Bootstrap-Framework erstellt habe, habe ich eine Lösung gefunden, mit der Sie die WordPress-Navigationsausgabe einfach manipulieren können, indem Sie die gewünschten Klassen initialisieren. Dadurch wird sichergestellt, dass Ihr Endbenutzer nicht alle benutzerdefinierten Klassen hinzufügen muss, wenn der Client einen neuen Menüeintrag hinzufügt.

Vielleicht könnte es jemandem helfen;

https://github.com/nickkuijpers/WordPress-Extended-Bootstrap-Nav-Walker

Question 5

Versuchen Sie, die Funktion html5blank_nav() in der Datei functions.php zu bearbeiten

// HTML5 Blank navigation
function html5blank_nav()
{
wp_nav_menu(
array(
    'theme_location'  => 'header-menu',
    'menu'            => '',
    'container'       => 'div',
    'container_class' => 'menu-{menu slug}-container',
    'container_id'    => '',
    'menu_class'      => 'menu',
    'menu_id'         => '',
    'echo'            => true,
    'fallback_cb'     => 'wp_page_menu',
    'before'          => '',
    'after'           => '',
    'link_before'     => '',
    'link_after'      => '',
    'items_wrap'      => '<ul>%3$s</ul>',
    'depth'           => 0,
    'walker'          => ''
    )
);
}