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

Ромчик
1

Доброго времени суток. Возникла необходимость на одном ресурсе, работающем под управлением CMS WordPress создать произвольное меню. Раньше для реализации этого функционал приходилось прибегать к различным плагинам, но начиная с 3 версии WordPress создание произвольного меню стало стандартной функцией самого движка. Давайте рассмотрим, как создать собственное меню в WordPress при помощи стандартного функционала (еще раз хочу обратить Ваше внимание на то, что это стало возможно с WordPress 3.0)

Ну, что ж приступим к созданию и размещению нашего меню в шаблоне WordPress.

Создание произвольного меню

Для создания произвольного меню, необходимо перейти:  Внешний вид->Меню

Произвольное меню в WordPressВ открывшемся окне вводим в поле “Заголовок меню” название нашего меню и жмем “Создать меню”

Название произвольного менюВ окне в котором мы создаем произвольное меню WordPress мы видим несколько окон:

  1. В первом окне в области 1 отображаются пункты из которых состоит наше менюПункты произвольного меню
  2. Во втором окне мы выбираем какое меню будет отображаться в панели навигации, если Ваше тема поддерживает произвольное меню. Как включить поддержку произвольного меню в теме WordPress я опишу в следующей статье.Область темы
  3. В следующем окне мы добавляем в качестве пункта нашего меню произвольную ссылку.Ссылка как пункт произвольного меню в WordPress
  4. В следующем окне в качестве пунктов нашего меню мы можем добавить страницыСтраница как пункт произвольного меню в WordPress
  5. И в последнем окне в качестве пунктов меню мы можем добавить рубрикиРубрика как пункт произвольного меню в WordPress

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

Сохранение произвольного менюКак видим отобразились пункты меню, для того чтобы сохранить жмем “Сохранить меню”

Размещение произвольного меню на сайте

Разместить меню мы может в нескольких областях:

  1. В областях для размещения виджетов (как добавить поддержку виджетов в теме для WordPress читайте в моей статье “Создание темы с поддержкой виджетов”)
  2. В областях для размещения навигационного меню (в статье «Добавление поддержки собственного меню в тему для WordPress«)

Для того чтоб разместить произвольное меню как виджет переходим: Внешний вид -> Виджеты. Ищем виджет “Произвольное меню”

Виджет произвольного меню в WordPressИ перетаскиваем его в область отображения виджетов. Сохраняем.

Произвольное меню в области виджетовПереходим на сайт и посмотрим, что у нас получилось:

Отображение произвоольного меню как виджетаКак видим наше меню отобразилось в области виджетов.
Теперь давайте отобразим наше меню в области навигации. Для этого перейдем в: Внешний вид->Меню и в окне “Области меню” в поле “Основная навигация” выберем наше меню и нажмем “Сохранить”

Добавение произвольного меню в область навигацииПерейдем на наш сайт и посмотрим, что получилось:

Произвольное меню в области виджетовКак видим, создание и вывод произвольного меню в теме для WordPress не представляет ничего сложного. Единственная проблема заключается в том, чтобы вывести меню в область навигации необходимо, чтобы тема поддерживала данную функциональную возможность. Как подключить поддержку области навигации в теме для WordPress я расскажу в следующей статье. Так, что следите за обновлениями данного блога через RSS-рассылку, через e-mail рассылку или вступайте в группу Вконтакте.

Понравилась статья? Поделись с друзьями.
  • Add to favorites
  • Добавить ВКонтакте заметку об этой странице
  • Twitter
  • Facebook
  • Мой Мир
  • LiveJournal
  • Одноклассники
  • Блог Я.ру
  • MySpace
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • Reddit
  • StumbleUpon
  • Technorati
  • del.icio.us
  • БобрДобр
  • LinkedIn
  • Memori.ru
  • Сто закладок
  • Blogger

  • Добавление поддержки собственного меню в тему для WordPress | Все о WEB программировании - 16.07.2012 в 11:23

    […] собственное меню в WordPress, то прочтите мою статью “Как создать произвольное меню в WordPress”). И, что мы […]

  • ©2012-2017 По всем вопросам обращайтесь через форму обратной связи

    Яндекс.Метрика