13 июля 2012

Делаем пункт в меню WordPress не активным

Четыре дня назад я выложил небольшой пост о том, как можно сделать вставку изображения в главное меню WordPress, написан он была по мотивам вопроса на форуме mywordpress.ru. Вот ссылка. А сегодня опять на форуме увидел подобный вопрос, вот здесь.

Ниже решение, как сделать, чтобы родительский пункт меню не был ссылкой, но при этом отображались дочерние пункты без использования jQuery, только средствами самого WordPress. Опять берём стандартный шаблон Twenty Eleven и добавляем пару дочерних пунктов меню к About

wordpresss меню

Код взят из прошлого поста и в него добавлен один else if в котором меням код вывода пункта About главного меню на свой:

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->post_title == 'central-picture') {
		$item_output = '';
		
	} else if ( $item->title == 'About'  ) {
		$item_output = '<div class="inactive-item">About</div>';
	
	}
	return $item_output;
}

И добавим немного css правил в файл style.css шаблона, чтобы урезанный нами пункт выглядел как остальные. При желании пункт можно оформить как душе угодно

.inactive-item {
	color: #EEEEEE;
    display: block;
    line-height: 3.333em;
    padding: 0 1.2125em;
}
.inactive-item:hover {
	color: #373737;
	background: -moz-linear-gradient(#F9F9F9, #E5E5E5) repeat scroll 0 0 transparent;	
}

В результате имеем пункт меню похожий на все остальные, но не активный
wordpress меню
Пройдите по ссылкам и почитайте ещё полезные

Статьи по теме
Статья оказалась полезной? Подпишись на RSS рассылку или следуй за мной на твиттере @wpstarter или по этой ссылке wpstarter

Комментариев: 6

Вы можете следовать любому комментарию через RSS 2.0 feed.

Вы можете оставить комментарий или trackback с вашего сайта.

  1. А как быть, когда наоборот: тему на сайт загрузила, а пункты главного меню — не активны

  2. Уже не знаю где ещё искать помощь. Мой шаблон поддерживает выше сказанные функции, я создала всё правильно, но верхнее меню на сайте не функционирует, нажимаю на пункт-ничего не происходит. Где ещё нужно настроить и что

  3. Здравствуйте, а возможно ли сделать так, чтобы родительский пункт меню вел на другую страницу? — если да то как?

    подробно: на сайте mirotours.com в меню есть кнопка «экскурсии» и при наведении на нее открывается всплывающее меню из двух ссылок(групповые и индивидуальные), так вот мне нужно сделать так, чтобы при нажатии на саму кнопку (не на одну из ссылок всплывающего меню) открывалась страница, на которой я хочу разместить те же ссылки что и во всплывающем меню — это для планшетов с мультитачем (на них ведь нет возможности навести курсор) — ну вы понимаете о чем я…

    С уважением,
    Руслан.

  4. Добрый день! Как мне написать функцию для пункта меню, чтобы для гостей был пункт меню вход (по нажатию на него у меня открывается модальное окно с формой входа), а для зарегистрированных отображался этот же пункт меню, только с надписью выход и ссылкой выхода с сайта? Заранее спасибо за помощь!

Оставьте комментарий

Обведите фигуру по линии:

Ставим WordPress на локальном копьютере