2017-07-31 84 views
0

我需要这个菜单结构:WordPress的沃克

<div> 
    <nav> 
     <div><a>Home</a></div> 
     <div> 
     <a>About Us</a> 
     <div> 
      <ul> 
       <li><a><span class="greyArrow"></span> <span>The Company</span></a></li> 
       <li><a><span class="greyArrow"></span> <span>Mission</span></a></li> 
      </ul> 
     </div> 
     </div> 
     <div> 
     <a>Profiles</a> 
     <div> 
      <ul> 
       <li><a><span class="greyArrow"></span> <span>A</span></a></li> 
       <li><a <span class="greyArrow"></span> <span>B</span></a></li> 
      </ul> 
     </div> 
     </div> 
     <div><a>Employees</a></div> 
    </nav> 
</div> 

我不能改变我的CSS。这可能与我读过的助行类有关。 我怎样才能解决这与沃克课?

+0

你尝试过什么?你能告诉我你的代码吗? – NewUser

回答

0

这里是我的沃克类,但它表明不正是我想要的:

class Description_Walker extends Walker_Nav_Menu 
{ 


    function start_lvl(&$output, $depth=0 , $args = array()) { 


     $indent = str_repeat("\t", $depth); 
     $output .= "\n$indent<div class='mainMenuPopUp' style='display: none;'><ul class='mainMenuItemChilds'>\n"; 



    } 

    function end_lvl(&$output, $depth=0 , $args = array()) { 


     $indent = str_repeat("\t", $depth); 
     $output .= "\n$indent</ul></div>\n"; 


    } 



    function start_el(&$output, $item, $depth, $args) 
    { 


     $classes = empty($item->classes) ? array() : (array) $item->classes; 

     $class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item)); 

     !empty ($class_names) and $class_names = ' class="'. esc_attr($class_names) . '"'; 


     if($depth == 0){ 
      $output .= "<div class='mainMenuItem'>"; 
     }else if($depth==1){ 
      $output .= "<li>"; 
     } 



     $attributes = ''; 
     !empty($item->attr_title) and $attributes .= ' title="' . esc_attr($item->attr_title) .'"'; 
     !empty($item->target) and $attributes .= ' target="' . esc_attr($item->target ) .'"'; 
     !empty($item->xfn) and $attributes .= ' rel="' . esc_attr($item->xfn  ) .'"'; 
     !empty($item->url) and $attributes .= ' href="' . esc_attr($item->url  ) .'"'; 
     $title = apply_filters('the_title', $item->title, $item->ID); 

     if($depth==0){ 
     $item_output = $args->before 
     . "<a $attributes class='mainMenuItemTitle '>" 
     . $args->link_before 
     . $title 
     . '</a></div>' 
     . $args->link_after 
     . $args->after; 
     }else if($depth==1){ 
     $item_output = $args->before 
     . "<a $attributes class='mainMenuItemTitle '><span class='greyArrow'></span><span class='menuChildTitle'>" 
     . $args->link_before 
     . $title 
     . '</span></a></li>' 
     . $args->link_after 
     . $args->after; 

     } 



     $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args); 



    } 
}