Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Хитрости в создании сайтов на WordPress Как сделать родительский пункт меню не активным


smenu

Для одного моего заказчика необходимо было сделать пункт меню, у которого есть подпункты, неактивным. То есть при наведении на него мышей, он не должен был быть ссылкой.

Есть два варианта как это сделать для сайта разработанного на Вордпрессе.

Первый при jQuery.

В файле header.php между тегами вставляем такой java script

<script>
    jQuery(document).ready(function() {
        jQuery('#menu-item-92').children('a').removeAttr('href');
    });
</script>

Где #menu-item-92 — это ID вашего родительского меню. Посмотреть его номер можно, например, используя браузер Хром. Клацаете по меню правой кнопкой и жмакаете «Просмотр кода элемента». Элемент, на который вы нажали будет подсвечен синим в коде. И там найдете что-то похожее на это id=»menu-item-92″. Вот собственно и все. Единственное, почему то на сайте моего клиента этот вариант не сработал. Видимо какой то конфликт jQuery, и я не стал в этом разбираться. Просто попробовал второй вариант, который и сработал.

Второй вариант.

В файл functions.php вставляете вот такой код

add_filter( 'walker_nav_menu_start_el', 'on_nav_menu_item', 20, 4 );
function on_nav_menu_item($item_output, $item, $depth, $args) {
     if ( $item->title == 'About'  ) {
	$item_output = '<div class="inactive">About</div>';
	}
     return $item_output;
}

Затем в файл style.css добавляете стили для класса inactive. Для этого вам нужно узнать стили тега вашего меню. Опять же, чтобы узнать, можно воспользоваться браузером Хром. Клацаете правой кнопкой мыши по соседнему меню, выбираете Просмотр кода элемента. В правой колонке вы увидете стили данного элемента. Выглядеть они будут приблизительно так — .sf-menu li a. Копируете их и прописываете для .inactive

Вот собственно и все.

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru


В избранное