2014-12-09 3 views
0

Мы используем Wordpress для добавления пунктов меню в нашу панель навигации. Cleary это делает изменения простыми, но предотвращает определенные настройки. В частности, мы хотели бы изменить цвет отдельного пункта меню в панели навигации. Есть ли способ «добавить» элемент меню в конец массива, чтобы он всегда находился в последней позиции и отличается от цвета на панели навигации? Я понимаю, что нам нужно будет создать стиль в нашем CSS, чтобы изменить цвет последнего элемента.Добавление пункта меню в Wordpress Array

Для примера, текущей панели навигации:

Главная О компании Товары/Услуги Промышленность Ссылки «Контакты»

Мы хотим сделать «Контакты» другой цвет в строке меню.

Текущий код:

<?php 
    $menu_header_top = array (
     'theme_location' => 'nav-header-top', 
     'container' => 'div', 
     'container_id' => 'lightupnav', 
     'depth' => 2 
    ); 
?> 

<?php wp_nav_menu($menu_header_top); ?> 

ответ

0

Каждый список добавленный элемент имеет идентификатор, как, например: меню -item-331 "

На вашем сайте, в правом меню и проверяйте элемент, вы t, чтобы увидеть код.

CSS-то можно сделать так:

#menu-item-ID a { 
    color: red; 
} 

Если вы просто хотите, чтобы последний элемент в меню это сделать так:

#menuID li:last-of-type a { 
    color: red; 
} 

Надежда Я получил свой вопрос прямо.

+0

Благодарим за отзыв. Очень полезно. –

1

Не нужно использовать Uber Menu, это тяжелый вес и боль, чтобы работать правильно.

Просто откройте параметры экрана на панели меню в области администратора и установите флажок CSS classes. Это позволит вам добавить класс CSS к каждому элементу меню. Тогда все, что вам нужно сделать, это убедиться, что элемент меню, который вы хотите в конце, находится внизу списка на странице настройки меню.

+0

Это очень полезно. спасибо –

Смежные вопросы