Skip to content

Instantly share code, notes, and snippets.

@zakirsajib
Last active December 13, 2017 09:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zakirsajib/772328515759158927f74b2287358404 to your computer and use it in GitHub Desktop.
Save zakirsajib/772328515759158927f74b2287358404 to your computer and use it in GitHub Desktop.
WordPress Menu: HTML to WordPress Menu
// add class name 'scroll'- <li> <a href="#club" class="scroll">The Club</a></li>
function add_menuclass($ulclass) {
return preg_replace('/<a /', '<a class="scroll"', $ulclass);
}
add_filter('wp_nav_menu','add_menuclass');
<div class="collapse navbar-collapse" id="navbar-menu">
<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li> <a href="#club" class="scroll">The Club</a></li>
<li> <a href="#programme" class="scroll">Founder's Programme</a></li>
<li> <a href="#team" class="scroll">The Team</a></li>
<li> <a href="#contact" class="scroll">Contact</a></li>
</ul>
</div>
register_nav_menus( array(
'primary' => esc_html__( 'Primary', 'barracuda' ),
) );
wp_nav_menu( array(
'menu' => 'primary',
'theme_location' => 'primary',
'items_wrap' => '<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">%3$s</ul>',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'navbar-menu'
));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment