0
80
2015-09-14

Добавление вспомогательных классов в меню навигации WordPress

Рассмотрим как добавить свои классы к пунктам меню WordPress, в данном случае к первому и последнему пунктам.
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

WordPress автоматически выводит много полезных имен классов CSS для меню. Если вы используете функцию для отображения своих меню, как и все хорошие темы, вам не нужно соглашаться только на имена классов по умолчанию. wp_nav_menu()

Функция вызывает фильтр, который позволяет управлять объектами меню перед преобразованием в HTML и отображением на сайте. Одна из вещей, которую вы можете сделать, это добавить несколько пользовательских имен классов, например так: wp_nav_menu() wp_nav_menu_objects

// Добавьте дополнительные классы для первого и последнего элементов во всех меню WordPress

add_filter( 'wp_nav_menu_objects', function ( $items ) {
   if ( ! empty( $items ) ) {
      $items[1]->classes[] = 'menu-item-first';
      $items[ count( $items ) ]->classes[] = 'menu-item-last';
   }

   return $items;
} );

Это добавляет класс к первому пункту меню и класс к последнему пункту меню. Эти дополнительные служебные классы полезны при оформлении меню в пользовательской теме. menu-item-first menu-item-last




Статья была переведена для блога TechBlog.SDStudio.top

Источник: wpscholar.com