Как сделать разное меню на разных страницах wordpress
Обновлено: 07.07.2024
Структура меню
Вот примерная структура меню, которая может быть у сайта-визитки сервисной компании:
Уровень вложенности меню может быть любым, но на мой взгляд, сайты, у которых больше двух уровней вложенности очень неудобны в использовании. Пока ведёшь к подпункту, предыдущий пункт закрывается или постоянно скачет перед глазами. Это по большей части проблема программиста или автора темы, но факт остаётся фактом: самый частый вариант меню на сайтах — двухуровневый.
Некоторые сходятся в мысли, что перед тем, как создать страницы, следует создать меню из ссылок-пустышек, которые никуда не ведут и попросту не работают на сайте. Это нужно для того, чтобы заранее определиться с нужными пунктами и затем создавать структуру страниц по уже готовому варианту.
В принципе, это неплохо и можем пойти по такому же пути: сначала создадим структуру, посмотрим, всё ли нормально у нас и затем уже будем создавать страницы (создать страницы вы сможете и самостоятельно, я верю в вас!).
Создаём новый набор меню или используем уже существующий.
Добавляем остальные пункты в меню
Теперь по аналогии создаём остальные пункты меню первого уровня. В результате мы получим примерно такую картинку:
Давайте сохраним наш промежуточный результат и зайдём на сайт, чтобы посмотреть, как будет выглядеть первый вариант созданного только что меню:
Результат должен получиться следующий:
По аналогии сделаем и другие пункты:
Создание меню завершается нажатием на кнопку сохранения. После этого мы можем спокойно идти на главную страницу сайта и проверять промежуточный результат:
Что дальше?
Дальше всё просто:
Если какие-то из пунктов вам остались непонятными — напишите об этом в комментарии, я подготовлю более развёрнутую инструкцию на этот счёт, но, как мне кажется, этого материала будет достаточно, чтобы создать развёрнутое меню в WordPress. Успехов! 😉
Видео
Автор
Александр Кадыров
Занимаюсь разработкой сайтов на WordPress около 10 лет, с тех же пор стал вести блог о WordPress. В итоге это всё вылилось в этот курс, где вы сейчас находитесь. В свободное время программирую на Ruby, PHP и Golang, увлекаюсь администрированием серверов и автоматизацией своей деятельности. Посмотреть все записи автора Александр Кадыров
Одним из составляющих компонентов работы с WordPress является работа с меню. Сегодня речь пойдёт на эту тему.
Когда на сайте только одно меню и это меню является основным, то тогда всё просто и понятно. Вы создаёте нужные страницы, и они автоматически добавляются в меню. Если нужно скрыть какую-то страницу, то для этого можно воспользоваться плагином Exclude Pages, а выставить страницы в нужном порядке можно стандартными средствами WordPress.
Но нам может понадобиться не одно меню, а несколько для разных целей. Например, меню для боковой колонки (сайдбара) или футера и в этом случае могут возникнуть вопросы, как это всё лучше сделать.
Давайте рассмотрим работу с меню на примере блога, посвящённого литературе.
Для начала рассмотрим, какие возможности предоставляет нам WordPress для создания меню.
Посмотрим, что здесь есть.
Создание меню на сайте WordPress
Как видим всё достаточно просто. Меню можно добавлять не только в сайдбар, но и везде, где позволяет тема, установленная на сайте.
Создание меню в Wordrpess, а также сортировка страниц и категорий часто становится довольно сложной проблемой для начинающих вебмастеров. В связи с этим я решил написать небольшое руководство, в котором мы подробно рассмотрим, как создавать произвольные меню в WordPress. С их помощью вы сможете самостоятельно создавать произвольные меню, добавлять или удалять пункты меню, изменять их название, расположение и вложенность.
В одной из предыдущих статей мы уже рассматривали способ, как сортировать страницы и рубрики в WordPress при помощи плагинов. К счастью на данный момент в WordPress появилась встроенная функция, которая позволяет создавать произвольные меню, не прибегая к использованию плагинов. Данная функция доступна во всех версиях WordPress, начиная с версии 3.0.
Сразу хочу обратить ваше внимание на то, что поддержка произвольных меню включена не во всех шаблонах. В связи с этим статья будет состоять из двух частей. В первой части статьи мы рассмотрим, как создавать пункты меню в WordPress через административную панель, если произвольные меню уже подключены в шаблоне.
Во второй части статьи мы научимся самостоятельно включить поддержку произвольных меню в WordPress и настраивать вывод меню через php функцию wp_nav_menu. Эти знания вам пригодятся на случай, если в вашем шаблоне не предусмотрено использование произвольных меню или же вы сами пишете или редактируете тему оформления WordPress и хотите добавить туда возможность создания произвольных меню.
Создание меню и пунктов произвольного меню через административную панель WordPress
Для создания меню переходим в Административную панель – Внешний вид – Меню и смотрим, включена ли поддержка произвольных меню в вашем шаблоне. Если нет, то можем пока пропустить данный шаг и перейти сразу ко второй части статьи. Если же меню уже поддерживается, то у вас откроется страница примерно следующего содержания.
Лично я предпочитаю прописывать все названия латинскими буквами во избежание каких-либо проблем в будущем. Кириллические названия тоже поддерживаются, но я не рекомендовал бы вам их использовать. Это лично мое мнение.
В данном случае тема оформления поддерживает лишь одно произвольное меню, поэтому особо выбирать не приходится. Нужно просто выбрать созданное нами меню из выпадающего списка и сохранить результат. Если же тема поддерживает два или более меню, то нужно выбирать меню исходя из его расположения в шаблоне.
После этого их можно как угодно перемещать относительно друг друга и изменять вложенность.
Также можно редактировать текст ссылки, добавлять атрибут Title или удалять пункт меню.
Итак, мы рассмотрели, как создавать произвольное меню через административную панель WordPress, как добавлять в него новые пункты и производить их настройку. Теперь давайте перейдем ко второй части статьи и научимся включать поддержку произвольных меню в WordPress и выводить их в шаблоне при помощи функции wp_nav_menu.
Включение поддержки произвольных меню в WordPress
Первым делом нам нужно зарегистрировать использование произвольных меню и самих меню. Для этого открываем на редактирование файл function.php вашей темы оформления и добавляем следующий код.
Если нужно добавить несколько меню, то перечисляем их через запятую.
После добавления данного кода поддержка произвольных меню будет включена автоматически. Убедиться в этом вы можете, перейдя в Административную панель – Внешний вид – Меню. Но самой регистрации меню недостаточно. Меню нужно еще вывести в шаблоне. Для этого мы воспользуемся специальной функцией wp_nav_menu.
Вывод произвольного меню. Функция wp_nav_menu
Как уже говорилось выше, выводить произвольные меню мы будем при помощи функции wp_nav_menu, которая может принимать следующие параметры.
При этом параметры можно передавать как через массив, так и через строку. В любом случае меню будет работать. Для наглядности рассмотрим оба варианта.
Передача параметров через массив
Передача параметров через строку
Лично я предпочитаю второй вариант, так как он более компактный, на мой взгляд. В любом случае результатом работы функции будет следующий код.
На этом я заканчиваю данную статью. Основные моменты мы рассмотрели и в 99% случаев данной информации вам будет достаточно для самостоятельного создания произвольных меню в WordPress. Если же у вас возникнут какие-то вопросы, вы всегда сможете задать их в комментариях.
В данной статье я покажу вам, как вывести рубрики в меню сайта на WordPress, а также рассмотрим работу с плагином, который создает возможность задать логику вывода дополнительных меню на отдельных страницах категорий.
Если вам необходимо добавить рубрику в основное или любое другое меню сайта, то для этого можно воспользоваться встроенным функционалом WordPress.
Алгоритм работы следующий.
2. Выбираем или создаем новое меню, с которым вы будете работать.
6. Нажимаем на него, чтобы отредактировать. Тут у вас есть возможность указать текст ссылки, проще говоря, название самого меню. Это крутая опция, если вы создали длинное название рубрики для seo оптимизации, то тут вы можете сократить его, чтобы оно гармонично вписывалось в дизайн сайта.
Привязка различных меню к рубрикам
Иногда нужно создать отдельные типы навигации внутри самих рубрик, и так, чтобы в каждой отдельной рубрике было свое меню. В таком случае вам нужно воспользоваться логическими операторами. Сделать это можно с помощью кода, например функции is_category(), например, используя id рубрики или же slug, редактируя файлы вашей темы. Второй вариант – это установить плагин, который дает возможность задавать логику вывода меню. В данной статье мы рассмотрим плагин — Menu Item Visibility Control. Он позволяет использовать в качестве параметров встроенные в WordPress — Conditional Tags и таким образом контролировать настройки вывода меню.
Давайте разберемся, как с ним работать.
Вот как это выглядит в админке.
Иногда на сайте бывает необходимо показывать разные пункты меню тем или иным группам пользователей. Часто такая задача ставиться на сайтах с платным контентом.
Как на сайте WordPress показывать разное меню для разных категорий посетителей?
Как только она будет отмечена, Вы увидите систему настроек показа выбранного элемента.
Сначала следует выбрать вариант показать или скрыть ярлык (опция Показать/Скрыть), затем выбрать статус пользователя (опция если).
После выбора состояния необходимо сохранить меню, нажав кнопку Сохранить меню.
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.
Привет! Меня зовут Михаил Петров. Я копирайтер и занимаюсь этим с 2013 года. Скрупулезность и ответственность - моя фишка! Не могу делать как попало и добиваюсь, чтоб заказчик сказал минимум “неплохо”. За все время своей работы пришлось написать и отредактировать немало разной “текстовухи”, включая SEO-тексты, отзывы и прочую чушь. На сегодняшний день специализируюсь на написании информационных статей и руководств технического направления. Вижу смысл и светлое будущее в текстах для людей, а не для машин.
Читайте также: