以tiles设置菜单(Wordpress、html、php、引导4、flex)

Question

我想用这样的方式制作一个菜单，使菜单中的每一项都是一个单独的看附件。

有可能吗？我已经有密码了：

 <?php 

  $my_menu = array( 
  'menu' => 'menu-oferta',
  'container' => 'padding-offer',
  'items_wrap' => '%3$s'

  );

  wp_nav_menu( $my_menu );

?>

多亏了这一点，我才能生成这样一个代码：

<li> 
<a href=""> link 1 </a>
</li>

<li> 
<a href=""> link 2 </a>
</li>

<li> 
<a href=""> link 3 </a>
</li>

<li> 
<a href=""> link 4 </a>
</li>

但问题是，这些瓷砖互相连接，我不能用垫子把它们分开。所以我想让我的菜单看起来像这样：

<div class="my-class">
 <li> 
   <a href=""> link 1 </a>
  </li>
</div>

<div class="my-class">
     <li> 
       <a href=""> link 2 </a>
      </li>
    </div>

<div class="my-class">
     <li> 
       <a href=""> link 3 </a>
      </li>
    </div>

<div class="my-class">
     <li> 
       <a href=""> link 4 </a>
      </li>
    </div>

为了以这种方式生成HTML，我应该更改什么？请帮帮忙。问候

Answer 1

使用wp_nav_menu的“前后”属性，下面是更新的代码

<?php 
$my_menu = array( 
    'menu' => 'menu-oferta',
    'container' => 'padding-offer',
    'items_wrap' => '%3$s',
    'before' => '<div class="my-class">',
    'after' => '</div>'
);
wp_nav_menu( $my_menu );

?>

所以你的代码看起来像，

<li> 
    <div class="my-class">
        <a href=""> link 1 </a>
    </div>
</li>
<li> 
    <div class="my-class">
        <a href=""> link 2 </a>
    </div>
</li>
<li> 
    <div class="my-class">
        <a href=""> link 3 </a>
    </div>
</li>
<li> 
    <div class="my-class">
        <a href=""> link 4 </a>
    </div>
</li>

然后，您可以轻松地添加背景到“我的类”。