WordPress : Conversion d’un site Web statique en problèmes WordPress avec des menus

Bonjour, j’ai un site Web statique pour une entreprise réalisé avec bootstrap, html et css. Je veux faire le même site Web dans wordpress. J’ai commencé à apprendre wordpress aujourd’hui.

J’ai suivi différents tutoriels pour faire mon template pour wordpress, j’ai réussi à créer le premier index.php et ça marche bien. J’ai également créé une page à propos et cela fonctionne également bien. Mais ce que je veux maintenant, j’ai un menu dans mon en-tête php, comment ajouter un lien vers mes pages wordpress ?

Ceci est mon header-top.php que j’appelle dans header.php, le menu s’affiche correctement

<!-- HEADER TOP MENU-->navbar navbar-inverse navbar-fixed-top navbar-expanded">
<div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand page-scroll"  href="index.html">
            <img src="<?php bloginfo('template_directory')?>/images/jms_logo.png" class="img-responsive" alt="">
        </a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
        <ul class="nav navbar-nav navbar-right TopNav">
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About Us</a></li>
            <li><a href="license.html">License</a></li>
            <li><a href="gallery.html">Gallery</a></li>
            <li><a href="trainings.html">Trainings</a></li>
            <li><a href="contact.html">Contact Us</a></li>
        </ul>
    </div>
</div>

Ensuite, je suis allé wp-admincréer une aboutpage et j’y ai ajouté du contenu textuel et il s’affiche correctement sur ce lienhttp://localhost/wordpress/about/

Maintenant ma question est

Q1 . Comment puis-je ajouter ce lien de la page à propos de ma header-toppage de menu.

<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="license.html">License</a></li>

Je suis totalement nouveau sur wp, donc je ne suis pas sûr que ce que j’ai fait soit la bonne façon de le faire ou non? pouvez-vous également me suggérer des tutoriels appropriés que je peux comprendre facilement pour créer mon site Web.

MENU MIS À JOUR

j’ai remplacé ça

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
    <ul class="nav navbar-nav navbar-right TopNav">
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="license.html">License</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="trainings.html">Trainings</a></li>
        <li><a href="contact.html">Contact Us</a></li>
    </ul>
</div>

avec cela, mais maintenant le CSS de mon menu a disparu.

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">

            <?php wp_nav_menu( array( 'theme_location' => 'header-top' ) ); ?>

    </div>

Dans mon site Web statique

Dans mon WP

Mis à jour 2 Après avoir inspecté les éléments, il s’affiche comme ceci

mais je veux comme ça

Solution n°1 trouvée

Pour les menus, vous devez utiliser wp_nav_menula fonction standard. Il génère le menu lui-même. Vous devriez donc utiliser quelque chose comme ceci :

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
    <?php if ( has_nav_menu( 'primary-menu' ) ) { wp_nav_menu( array( 'menu_class' => 'nav navbar-nav navbar-right TopNav', 'theme_location' => 'primary-menu' ) );}  ?>
</div>

À la place de:

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
        <ul class="nav navbar-nav navbar-right TopNav">
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About Us</a></li>
            <li><a href="license.html">License</a></li>
            <li><a href="gallery.html">Gallery</a></li>
            <li><a href="trainings.html">Trainings</a></li>
            <li><a href="contact.html">Contact Us</a></li>
        </ul>
    </div>

Et lorsque vous ajoutez wp_nav_menuà votre thème, l’option MENUdoit apparaître dans Appeareancela section sur WP admin, où vous pouvez créer un nouveau menu et l’affecter à une primary-menuposition dans le thème

METTRE À JOUR

Vous ne pouvez générer que des liéléments à l’aide de cette méthode :

$options = array(
  'echo' => false
  ,'container' => false
);

$menu = wp_nav_menu($options);
echo preg_replace( array( '#^<ul [^>]*>#', '#</ul>$#' ), '', $menu );

Vous pouvez donc essayer quelque chose comme ceci :

$options = array(
      'echo' => false
      ,'container' => false
    );

    $menu = wp_nav_menu($options);
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
     <ul class="nav navbar-nav navbar-right TopNav">
          echo preg_replace( array( '#^<ul [^>]*>#', '#</ul>$#' ), '', $menu );
     </ul>
</div>