Wie kann ich ein div um wordpress-ul-container

WordPress-Ausgänge meines Kindes Menüs in das ul-tag... 

<ul class="sub-menu">

wie kann ich wickeln Sie ein einfaches div?

Vorzugsweise einen Weg, es zu tun durch functions.php aber jquery kann auch funktionieren.

InformationsquelleAutor CK-idiot | 2012-04-25
  1. 17

    Wäre es zwar EINFACH zu bedienen, so etwas wie jQuery zu wickeln Ihres Kindes Menüs, es ist KEINE gute Praxis, um jQuery verwenden zu diesem Zweck. Platzieren Sie diese in functions.php:

    class Child_Wrap extends Walker_Nav_Menu
{
    function start_lvl(&$output, $depth = 0, $args = array())
    {
        $indent = str_repeat("\t", $depth);
        $output .= "\n$indent<div class=\"custom-sub\"><ul class=\"sub-menu\">\n";
    }
    function end_lvl(&$output, $depth = 0, $args = array())
    {
        $indent = str_repeat("\t", $depth);
        $output .= "$indent</ul></div>\n";
    }
}

    Gehe ich davon aus, dass Ihr Menü erzeugt wird, die in Ihrem header, so gehen Sie zu header.php (oder was auch immer-Datei ist die Nutzung der Funktion wp_nav_menu) und suchen für alles, was beginnt mit "wp_nav_menu".

    Da ich keinen code zu sehen, kann ich nur raten, die Argumente, dass es (wenn überhaupt). Wenn es GENAU so aussieht wie "wp_nav_menu()" mit nichts zwischen den Klammern ist, dann ändern Sie es auf die folgenden:

    wp_nav_menu(array('walker' => new Child_Wrap()))

    Ansonsten bitte Bearbeiten Sie die Frage mit dem code, den Ihr Menü, so kann ich dir weiter helfen.

    • Dieser funktioniert wie ein Charme (WordPress 3.8.1).
    • Funktioniert Perfekt (WordPress 4.4 )
    • Warum funktioniert das nicht in v4.4.2? In meinem theme noch ohne container der ul.sub-menu ich habe 🙁
    InformationsquelleAutor maiorano84
  2. 1

    In der function.php

    class Child_Wrap extends Walker_Nav_Menu
{
   function start_lvl(&$output, $depth)
   {
       $indent = str_repeat("\t", $depth);
       $output .= "\n$indent<div class=\"sub-menu-wrapper\"><ul class=\"sub-menu\">\n";
   }
   function end_lvl(&$output, $depth)
   {
       $indent = str_repeat("\t", $depth);
       $output .= "$indent</ul></div>\n";
   }
}

    Aufruf der Funktion, wo Sie Ihre wp_nav_menu liegt.(Ex: header.php)

    $defaults = array( 'container' => 'ul', 'menu_class' => 'scroll', 'menu_id' => 'main-menu-nav' , 'walker' => new Child_Wrap() );

 wp_nav_menu( $defaults );

    Wenn Sie möchten, dies zu tun mit jquery, können Sie dies wie folgt.Aber am besten Wege ist die erste Methode.Hier manchmal angezeigt, wie versaut das Menü beim laden der Seite.

    jQuery('ul.sub-menu').wrap('<div class="sub-menu-wrapper" />');
    InformationsquelleAutor Sumith Harshan
Schreibe einen Kommentar