Übertragen hart codierten Menü zu WordPress und Anwenden von Stilen

Question

Ich arbeitete auf einer Website in HTML, Bootstrap verwenden, und ich möchte es auf WordPress übertragen und ein benutzerdefiniertes Thema und das ist, wo ich festgefahren bin.

Ich habe Seiten und Menü mit WordPress Admin-Panel, und jetzt möchte ich meine eigenen Stile zu diesem Menü hinzufügen. Hier ist der Code:

<div class="navigation"> 
     <?php 
      wp_nav_menu(array(
       'theme_location' => 'primary', 
       'container' => false, 
       'menu_class' => 'navbar-nav' 
       ) 
      ); 
     ?> 
       <ul class="navbar-nav"> 
        <li class="nav-item right-border active"> 
         <div class="mask"></div> 
         <a href="#" class="nav-link">HOME 
          <span class="sr-only">(current)</span> 
         </a> 
        </li> 

Nachdem ich importiere alle Klassen Ich brauche den ganzen UL Block zu entfernen, und lassen Sie das Menü von Wordpress.

Ich kann mit 'Menü-Klasse' => 'Navbar-Nav' auf UL-Klasse zugreifen, aber ich habe keine Ahnung, wie Sie auf diese anderen Klassen zugreifen (Maske, Nav-Element, rechte Grenze, aktiv, Nav-Link , sr-only) und wie man diesen aktuellen Zustand nur auf diesen LI-Block anwendet (nach diesem habe ich mehr von den gleichen LI-Blöcken, die sich wiederholen, aber nur der erste ist aktiv).

Answer 1

Ok, ich konnte die Antwort selbst finden. Nachdem ich die Funktion wp_nav_menu() verwendet habe, wird ein Menü erzeugt. Ich werde es eine Verbindung mit

‚theme_location‘ => ‚primären‘

So wird es alle Seiten ziehen, die ich in Wordpress gemacht. Danach muss ich nur noch die Seite öffnen und zur Seite gehen. Im Inspector werden alle von der Funktion generierten Tags angezeigt, und alle diese Tags haben bereits generische Klassen mit eigenen Einstellungen zugewiesen. Also kann ich einfach eine dieser Klassen verwenden und sie anpassen, indem ich ihnen meinen eigenen Stil hinzufüge, der das Aussehen des Menüs verändern wird, und es wird alles anwenden, was ich tun wollte. Hier

ist ein Bild als Beispiel:

Menu generated by wp_nav_menu() function

So wie Sie sehen, ich kann alles diese generischen Klassen verwenden und sich nur bearbeiten.