it-swarm.com.de

wie man das <a> -Tag in das <span> -Tag-HTML einbindet, um das WordPress-Menü zu konvertieren

Ich konvertiere ein Nicht-Bootstrap-Menü nach WordPress. Es gibt keine Drop-Downs, daher glaube ich nicht, dass ich eine Walker-Klasse verwenden muss. Wenn ich es in Google Chrome inspiziere, ist die ul-Tag-Klasse korrekt und die li, aber wenn ich das a-Tag im HTML-Menü ansehe, sehe ich, dass es ein span-Tag hat, z.

<a href="home">
  <span>Home</span>
</a>

Aber mein WordPress-Menü sieht einfach so aus:

<a href="home">Home</a>

Der Stil, den ich brauche, scheint im span-Tag zu sein, aber ich bin mir nicht sicher, wie ich das mit meinem aktuellen Menücode machen soll?

<div class="menu_wrapper">
    <nav id="menu">
            <?php wp_nav_menu(array(
                'menu_class' => 'menu menu-main',
                'container' => '',
                'theme_location' => 'main_menu'
            ));
            ?>
    </nav>
</div>

Dies ist das ursprüngliche Menü:

<div class="menu_wrapper">
    <nav id="menu">
        <ul id="menu-main-menu" class="menu menu-main">
            <li class="current-menu-item">
                <a href="index.html"><span>Home</span></a>
            </li>
            <li>
                <a href=""><span>item1</span></a>
            </li>
            <li>
                <a href=""><span>item2</span></a>
            </li>
            <li>
                <a href=""><span>item3</span></a>
            </li>
        </ul>
    </nav>
</div>
1
user8463989

Sie möchten die Argumente link_before und link_after für den wp_nav_menu verwenden. Setzen Sie sie auf '<span>' bzw. '</span>'.

wp_nav_menu( [
  'menu_class'     => 'menu menu-main',
  'container'      => '',
  'theme_location' => 'main_menu',
  'link_before'    => '<span>',
  'link_after'     => '</span>'
] );
4
Nathan Johnson