wordpress вывести название меню

$container_id — можно добавить контейнеру ID, по умолчанию не указано.

$menu_class — класс для элемента меню UL, его значение — menu.

$menu_id — ID для элемента ul, по умолчанию равно значению menu-

$echo — если вы не хотите отображать меню, а возвращать значение функции используйте для этой настройки значение 0.

$fallback_cb — если меню не существует, вызывается функция wp_page_menu.

$before — задает текст, который выводится перед ссылкой А.

$after — текст после ссылки А, по умолчанию он, как и предыдущий, пустые.

$link_before — выводит фразу перед текстом ссылки, не задано.

$link_after — выводится после текста ссылки, тоже пустое.

$depth — задает количество уровней иерархии для вывода меню, значение по умолчанию 0 выводит все меню целиком.

$walker — какой-то непонятный пользовательский «walker object», наверное больше понадобится продвинутым разработчикам.

$theme_location — локация темы, где будет использовано меню, должна быть активирована через register_nav_menu() для того чтобы пользователь смог ее выбирать. Тоже какая-то не совсем понятная настройка, судя по всему, при работе с виджетами.

Примеры использования функции wp_nav_menu

Самый простой код, приведенный в кодексе:

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

Меняем класс для элемента меню UL

Убираем контейнер DIV из меню

либо как сказано в кодексе

В принципе, ничего сложного в создании и управлении меню wordpress 3.0 нет. Разработчики значительно упростили процедуру работы и расширили возможности данного элемента навигации. Решение часто используется во множестве задач по шаблону, например, при создании разного меню в WordPress для мобильной и десктопной версией. Чуть позже добавлю еще парочку сниппетов по теме.

Источник

MnogoBlog

как создать сайт на wordpress, настроить и оптимизировать wordpress

Как создать и вывести меню в wordpress – это просто с функцией wp_nav_menu

Здравствуйте, сегодня опять поговорим о создании меню (вертикальное и горизонтальное) в wordpress через панель управления, а также о том, как вывести его в любом месте вашего сайта с помощью функции wp_nav_menu, все будет намного проще, чем мои ранее написанные руководства по созданию меню.
Скачать исходники для статьи можно ниже

Нижеуказанное руководство основано на моей предыдущей статье –

Однако, здесь мы будем делать все проще (не будем трогать файл functions.php или использовать скрипты, чтобы сделать меню выпадающим), а именно научимся делать вертикальное меню или горизонтальное не выпадающее меню.

1. Заходим в панель управления сайтом на wordpress, в левом меню выбираем пункт “Внешний вид” и его подпункт “Меню”.

Здесь создаем нужное нам меню.

Например, создадим меню из рубрик, но не из всех, а только тех, которые нам нужны и назовем данное меню – “rubrici”, вот так это будет выглядеть:

2. Для вывода меню в wordpress будем пользоваться следующей функцией:

Все просто, в вышеуказанном коде, вместо “имя меню” подставляете название созданного вами меню и вставляете код в любом месте вашего сайта.

Для меню, созданного в нашем примере данная функция будет выглядеть следующим образом:

3. Вставляем меню в нужном месте нашего сайта.

Давайте, например, вставим наше меню “rubrici” в шапку, в самом вверху.

Для примера возьмем стандартную тему wordpress – Twenty Twelve.

Для этого в панели управления wordpress заходим в пункт – “Веншний вид” и его подпункт “Редактор”, справа в списке шаблонов выбираем – header.php.

В его коде находим открывающий тег body, а сразу после него идет тег, открывающий блок “page” – вот после него и вставим вывод нашего меню “rubrici” с помощью функции – wp_nav_menu:

Сохраняем изменения и переходим на свой сайт, смотрим, что у нас получилось:

Как видите меню у нас получается вертикальное, и это хорошо, если вам нужно вертикальное меню, однако, допустим, что нам нужно горизонтальное меню, тогда нам нужно прописать стили оформления для нашего меню – “rubrici”.

4. Прописываем стили меню.

Для начала, обернем функцию вывода нашего меню в новый блок, например “menu2”, для того чтобы прописать для него стили оформления.

То есть код в файле header.php (путь 3 данного руководства) будет выглядеть так:

Следующий шаг, который нам нужно сделать – это прописать стили оформления для нашего нового блока (“menu2”), в котором и содержится наше новое меню (“rubrici”).

А для этого в панели управления wordpress, в левом меню, выбираем пункт “Внешний вид”, далее его подпункт “Редактор”, а справа среди шаблонов выбираем файл – style.css.

Переходим в его коде в самый низ и вставляем следующий фрагмент:

После чего переходим на сайт и смотрим, что у нас получилось:

Как видите наше меню превратилось из вертикального в горизонтальное, осталось только подкорректировать стили оформления под свой сайт.

Например в данном примере нам нужно растянуть по ширине каждый пункт меню – за это отвечает атрибут:

После чего мое меню будет выглядеть следующим образом:

Не забудьте прочитать “похожие статьи”

Похожие записи:

Как создать и вывести меню в wordpress – это просто с функцией wp_nav_menu : 6 комментариев

Спасибо! очень полезно!

Остался один маленький вопрос: как сделать новое меню в том же стиле, что и классическое верхнее меню в twenty twelwe? с равнением слева и между этими полосочками?

Оригинальный код там выглядит вот так

Если просто поменять эту строчку

то новое меню появляется по середине и без полосочек сверху и снизу…

Помогите как сохранить прежний стиль…

баля….)) забыл вставить тэг пхп…

Оригинальный код там выглядит вот так

Если просто поменять эту строчку

то новое меню появляется по середине и без полосочек сверху и снизу…
Помогите как сохранить прежний стиль…

Здравствуйте!
Есть ли у кого инфа, как выводить страницы из меню только второго, или только третьего уровня?

А как добавить div с определенным классом перед вторым уровнем меню?

Клиент требует убирать из меню те страницы сайта (меню основано на страницах), для которых стоит статус “Черновик” или “На утверждении”.

Можно ли каким нибудь способом, либо:
a) не формировать это меню в момент сборки, или же
б) присваивать такому пункту какой либо, скажем, класс, например >

В данный момент меню формируется следующим образом:

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

Для отправки комментария вам необходимо авторизоваться.

Источник

wp_nav_menu() WP 3.0

Выводит произвольное меню, созданное в админ-панели: «внешний вид > меню» (Appearance > Menus).

Меню, подходящее по ID, слагу или описанию переданному в параметре ‘menu’ и если в этом меню есть хоть одна ссылка (один элемент);

иначе, первое не пустое меню;

или, выведет значение возвращаемое функцией указанной в параметре «fallback_cb» (по умолчанию там указано функция wp_page_menu);

Чтобы тема поддерживала меню, нужно включить эту возможность с помощью:
add_theme_support( ‘menus’ );

Или можно зарегистрировать место для меню, с помощью register_nav_menu(), тогда поддержка меню темой включиться автоматически.

Дополнительно про включение и добавление меню читайте в отдельной статье.

Фильтры для изменения элемента меню

Возвращает

Шаблон использования

Использование

Примеры

#1. Первое не пустое меню, с настройками вывода по умолчанию:

#2. Выведем меню с названием «Навигация по сайту»:

#3 Меню из страниц. Пример из темы: Twenty Ten.

В этом примере будет выведено меню, прикрепленное к области меню ‘primary’:

#4 Использование фильтра wp_nav_menu_args для установки параметров по умолчанию для всех меню

#4.1. Удалим контейнер, только у одного, выводимого меню

#5 Удалим ul обертку

Этот пример удалит обертку тега ul у меню:

#6 Добавим слово в начало меню

Этот пример показывает, как добавить слово в начало списка меню, в виде такого же элемента меню, только не ссылки.

Добавим в начало меню, слово «Список», также укажем атрибут id созданному тегу li:

#7 Добавим CSS классы ко всем меню

Используя хук, мы можем добавить свои CSS классы, если соблюдается нужное нам условие.

Добавим CSS класс, если это пост и название элемента меню равно «blog»:

#8 Использование своей функции для построения меню

Пример расширения класса Walker_Nav_Menu, для создания своего произвольного HTML кода который выводится функцией wp_nav_menu(). Наш HTML код будет написан специально для нашей темы.

Ниже код своего произвольного класса, который строит меню. Он добавляет глубину меню и четные/нечетные CSS классы к элементам меню (обоим ul и li):

Чтобы не изобретать велосипед, копируем код класса Walker_Nav_Menu<> и просто изменяем его как нам нужно.

Теперь там, где нужно выводить меню используем нашу функцию:

#9 Отдельные меню для авторизованных пользователей

Если нужно показывать разные меню, авторизованным и неавторизованным пользователям, то используем условный тег is_user_logged_in():

В админке нужно создать 2 разных меню и прикрепить их к соответствующим локациям (областям).

#10 CSS класс для родительских элементов меню

Если нужно добавить CSS класс для элементов меню, у которых есть дочерние (сложенные списки ссылок), то делаем так:

#11 Добавление класса к отдельным элементам меню

#12 Выводить меню, только если оно существует

По умолчанию, если меню нет, то вместо него будут выведены страницы сайта. Но если нужно выводить меню, только в том случае когда оно создано в админ-панели, укажите параметр fallback_cb как ‘__return_empty_string’ :

#13 Вывод только подпункта меню

Допустим, есть первый уровень и у каждого из элементов первого уровня, есть свое подменю. Нам нужно вывести такое подменю у пункта с классом menu-item-135 :

Не очень оптимальный, но рабочий пример. Иногда может пригодится, для малопосещаемых сайтов где нужно быстро получить результат.

CSS классы элементов меню

Следующие CSS классы добавляются к элементам меню (разделение по условиям на каких страницах находится пользователь):

Для всех элементов на всех страницах

.menu-item — ко всем элементам меню;

.menu-item-object- — ко всем элементам, где