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

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

0
04.12.2014, 22:31
2 ответа

Можно хотеть изучить класс Уокера. Я использовал его, чтобы добавить, что стрелки вниз к WordPress создали меню и добавили мое собственное отделение CSS и разделы. Возможно, Вы могли добавить поле с помощью Меню Walker, затем установить его образование к определенному изображению на: парение и т.д...

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

3
19.02.2020, 23:42

Если не должно быть свободным, я верю UberMenu - WordPress, Мега Плагин Меню делает то, в чем Вы нуждаетесь.

Функции:

  • Интегрируется из поля с системой меню WordPress 3

  • Быстро реагирующие меню CSS и jQuery

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

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

  • Добавьте виджеты, shortcodes и больше

Это очень хорошо сохраняется, быстро реагирующее, имеет пятизвездочную оценку покупателя и является известным плагином на CodeCanyon. Это стоит приблизительно 18$.

Контроль снимки экрана или предпросмотр в реальном времени.

0
19.02.2020, 23:42
  • 1
    большое спасибо.. Я просто должен поместить изображение выше текста в главном меню не к левой стороне. какая-либо идея? –  neo 05.07.2012, 20:16
  • 2
    При покупке плагина Вы получаете поддержку от разработчиков. Или можно спросить их непосредственно перед покупкой. Или следуйте необработанному ответу Jonathan. –  its_me 06.07.2012, 05:28

Теги

Похожие вопросы