WordPress: Add First And Last Menu Class

The WordPress wp_nav_menu function is great. It allows you create and manage your website’s menu via the WordPress admin system.

Something that I think that is really missing by default in wp_nav_menu is having classes defining the first and last menu items. But this can easily be achieved by adding the following code to your theme’s functions.php file:

function add_first_and_last($output) {
  $output = preg_replace('/class="menu-item/', 'class="first-menu-item menu-item', $output, 1);
  $output = substr_replace($output, 'class="last-menu-item menu-item', strripos($output, 'class="menu-item'), strlen('class="menu-item'));
  return $output;
add_filter('wp_nav_menu', 'add_first_and_last');
Free Graphics, Icons, Tutorials
Free Graphics Free Christmas Vector Icon Graphics Pack 2017Free Fitness Vector Icons Graphics PackFree Camping Vector Graphics PackFree Summer Graphics PackFree File Icon PackFree Fast Food Vector Graphics
Sharing is caring...
Like & Follow
Share the love, share this page! Facebook Twitter Digg Reddit LinkedIn Pinterest Email
Close [X]
The Web Taylor
1000 Lakeside North Harbour Portsmouth, Hampshire PO6 3EN
02392 123358