Add data attribute to wp_nav_menu
I have the following code:
$nav_menu_args = array('fallback_cb' => '','menu' => 'menu', 'menu_class' => 'menu_class');
$x = wp_nav_menu( apply_filters( 'widget_nav_menu_args', $nav_menu_args, 'menu', $args ) );
$pattern = '#<ul([^>]*)>#i';
$replacement = '<ul$1 data-attr="abc">'; // this is a wrong
echo preg_replace( $pattern, $replacement, $x );
I am trying to add data-attr
in ul
by changing the template and without making changes through Walker_Nav_Menu
.
What I want to do is have the following list:
<ul class="menu_class" data-attr="abc">
<li><li>
<li>
<ul>
<li></li>
</ul>
<li>
</ul>
But I am getting also data-attr
on my inner ul like this.
<ul class="menu_class" data-attr="abc">
<li><li>
<li>
<ul data-attr="abc">
<li></li>
</ul>
<li>
</ul>
What am I missing?
+3
source to share
1 answer
You can add the number of objects you want to replace, so only the first one is required ul
.
echo preg_replace( $pattern, $replacement, $x, 1 ); // 1 at the end to replace only the first occurence
Or just change the key items_wrap to wp_nav_menu.
$nav_menu_args = array('fallback_cb' => '','menu' => 'menu', 'items_wrap' => '<ul class="menu_class" data-attr="abc">%3$s</ul>');
+6
source to share