Intereting Posts
Проблема с регистрацией меню – что делать, если другие решения не работают? Слишком большая ошибка рекурсии при выборе изображения из библиотеки изображений для двух разных мета-полей в одном сообщении Удалить пункт меню навигации по сценарию Функции записи в WordPress functions.php, которые не заменяют основную функцию WordPress Добавить уникальное мета-описание Разрешений на миниатюры и папки Удалить обычную мета Показать сообщения от автора уровня членства (Paid Membership Pro) Одностраничный сайт WordPress – настраиваемые поля или мета-поля или что-то еще? Моя пользовательская тема не загружает переводы Как сделать текстовое поле комментариев неактивным? Запрос Ajax, возвращающий полный код страницы Как использовать manage_ $ post_type_posts_columns с подчеркиванием в типе post? remove_action возвращает FALSE Почему is_multisite возвращает true, когда это единственная установка?

Как добавить изображения в главное меню навигации

У меня есть меню навигации, но мне нужно иметь фоновые изображения с несколькими состояниями. Было бы фоновое изображение для состояний множественных ссылок: нормальное, зависающее и текущее. Каков наилучший способ добиться того, что мне нужно?

Solutions Collecting From Web of "Как добавить изображения в главное меню навигации"

Возможно, вы захотите изучить класс ходунков. Я использовал его для добавления стрелок в созданные WordPress меню и добавил свои собственные css div и разделы. Возможно, вы могли бы добавить окно с помощью меню Walker, а затем установить его фон на определенное изображение: hover и т. Д.

class My_Walker extends Walker_Nav_Menu { function start_el(&$output, $item, $depth, $args) { global $wp_query; $indent = ( $depth ) ? str_repeat( "\t", $depth ) : ''; $class_names = $value = ''; $classes = empty( $item->classes ) ? array() : (array) $item->classes; $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) ); $class_names = ' class="' . esc_attr( $class_names ) . '"'; $output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>'; $attributes = ! empty( $item->attr_title ) ? ' title="' . esc_attr( $item->attr_title ) .'"' : ''; $attributes .= ! empty( $item->target ) ? ' target="' . esc_attr( $item->target ) .'"' : ''; $attributes .= ! empty( $item->xfn ) ? ' rel="' . esc_attr( $item->xfn ) .'"' : ''; $attributes .= ! empty( $item->url ) ? ' href="' . esc_attr( $item->url ) .'"' : ''; $item_output = $args->before; $item_output .= '<a'. $attributes .'>'; $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after; $item_output .= '<br /><div class="sub">' . $item->description . '</div>'; $item_output .= '</a>'; $item_output .= $args->after; $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args ); } } 

Если вы видите ближе к концу, я добавил класс «sub», чтобы добавить свои собственные данные. Сначала это сбивает с толку, но очень мощный класс.

http://codex.wordpress.org/Function_Reference/Walker_Class

Если вам не нужно быть свободным, я считаю, что UberMenu – WordPress Mega Menu Plugin делает то, что вам нужно.

Особенности:

  • Интегрирует из коробки с помощью системы меню WordPress 3

  • Отзывчивое меню CSS & jQuery

  • 20+ предустановок – или используйте генератор стилей

  • Поддержка изображений и описаний для пунктов меню

  • Добавить виджеты, короткие коды и многое другое

Он очень ухоженный, отзывчивый, имеет рейтинг 5 звезд и является плагином на CodeCanyon. Это стоит около 18 долларов.

Просмотрите скриншоты или предварительный просмотр в прямом эфире .