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

  Автор:
  9666

В WordPress с версии 3.0 разработчики встроили функционал «Произвольное меню». К сожалению не все им пользуются и все еще по старинке ставят плагины для формирования навигационного меню на блоге.

В этой статье я расскажу как Вы можете создать меню из тех страниц, рубрик или статей, какой Вам хочется, а также менять их местами не прибегая к плагинам.

Конечно если Вы выбрали старый шаблон для создания блога на WordPress то возможно у Вас нет этого функционала. Это дело можно поправить и в файле function.php зарегистирировать функцию. Подробнее об этом можно почитать здесь:  Создание меню в WordPress

Если ли же в Ваш шаблон встроен функционал произвольного меню, то можете читать дальше.
В шаблоне AB-Inspiration есть 3 встроенных меню — Главное — в начале страницы, и Footer — в конце страницы и отдельное меню для целевой страницы. Вы можете произвольно сформировать их следуя инструкции ниже.

Зачем нужно создавать произвольное меню

По умолчанию в меню автоматически попадают страницы, которые Вы создаете и публикуете в разделе «Страницы». И к тому же появляются они в меню в том порядке в котором Вы из опубликовали.

Часто бывает так, что Вам хочется какие-то страницы исключить из меню, что-то добавить или поменять порядок отображения в меню.

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

Управление меню происходит в админке  — Внешний вид — Меню

  • Зайдите в админку блога — Внешний вид — Меню
  • В поле «Название меню» напишите любое название, например «основное»
  • Нажмите «Сохранить»

Как создать меню на блоге

 

Далее, чуть ниже появится блок «Настройки меню»

Поставьте галочку напротив того меню, которое встроено в шаблон. В каждом шаблоне по-разному.

В шаблоне AB-Inspiration встроено 3 меню — Primary Navigation — это верхнее меню, Меню в Footer — меню в нижней части блога, и отдельное меню для целевой страницы Меню на «Целевой Странице». Если Вы сейчас формируете меню для верхней части блога, поставьте галочку «Primary Navigation»

Как добавить страницы в меню на блоге

После того как вы создали меню у Вас активируются слева на странице боковая колонка с блоками «Страницы», «Ссылки», «Рубрики»

Чтобы добавить страницы в меню сделайте следующее:

  • На странице в разделе «Внешний вид» — «Меню», перейдите в блог «Страницы»
  • Отметьте галочкой те страницы, которые Вы хотите видеть в меню
  • Нажмите на  кнопку «Добавить в меню»

Как добавить страницы в меню на блоге

После того как вы нажмете на кнопку «Добавить в меню», права появятся те страницы которые Вы добавили. Нажмите на кнопку «Сохранить»

menu2

В  блоке  «Страницы»отображаются только опубликованные страницы.

Как добавить страницу «Главная» в меню на блоге

Страница «Главная» создается WordPress автоматически и ее нет в списке опубликованных страниц. Чтобы страница Главная появилась на блоге нужно сделать один из 2-х вариантов:

Вариант №1

  • На странице в разделе «Внешний вид» — «Меню», перейдите в блог «Страницы»
  • Нажмите на вкладку «Все»
  • Поставьте галочку напротив «Главная»
  • Нажмите на кнопку «Добавить в меню»

Как добавить страницу Главная в меню блога

Вариант №2

  • На странице «Внешний вид» — «Меню» перейдите в блок «Ссылки»
  • В поле URL пропишите адрес Вашего блога (главную страницу)
  • В поле Текст напишите слово «Главная»
  • Нажмите на  кнопку «Добавить в меню»
  • Таким же образом Вы можете разместить любую ссылку в меню Вашего блога

Как добавить страницу Главная в меню блога

После добавления главной страницы в меню нажмите на кнопку «Сохранить»

Как добавить рубрику в меню на блоге

  • На странице «Внешний вид» — «Меню» перейдите в блок «Рубрики»
  • Отметьте галочкой те рубрики, которые Вы хотите видеть в меню
  • Нажмите на  кнопку «Добавить в меню»
  • Нажмите на кнопку «Сохранить»

Как добавить рубрику в меню на блоге

В списке «Часто используемые» будут отображаться только рубрики в которых есть статьи. Если Вы хотите добавить пустую рубрику (в который еще нет статей), то нажмите в блоке «Рубрики» на вкладку «Все». Далее из списка отметьте те рубрики, которые хотите включить в меню.

Как переименовать пункт меню на блоге

По умолчанию WordPress размещает страницы и рубрики так как Вы их назвали. Но если, к примеру Вы назвали страница «Мой путь от новичка до профессионала», то в меню такое длинное название может занять все место. Поэтому было бы целесообразно переименовать страницу в меню например на «Об авторе», но при этом не меняя название страницы. Это может можно сделать в разделе «Меню»

  • На странице «Внешний вид» — «Меню», в блоке «Структура меню» найдите тот пункт меню, который Вы хотите изменить
  • Нажмите на треугольничек справа от названия меню
  • В поле «Тест ссылки» напишите свое название
  • Нажмите на кнопку «Сохранить»

Как переименовать пункт меню

Как поменять порядок страниц в меню на блоге

В блоке «Структур меню» на странице «Меню» все пункты меню появляются вертикально в том порядке как Вы их добавляете. Сверху вниз — на блоге будут отображаться слева направо. Самый верхний пункт меню будет самым левым.

Чтобы поменять порядок нужно сделать следующее:

  • На странице «Внешний вид» — «Меню», в блоке «Структура меню» найдите тот пункт меню, который хотите перенести
  • Нажмите на этот пункт меню левой кнопкой мышы, удерживайте и тащите его вверх или вниз (в зависимости от того, куда Вы хотите его определить)
  • Когда появится пунктир на нужном месте, отпустите мышку.
  • Нажмите на кнопку «Сохранить»

Как менять местами меню

Как создать выпадающее меню на блоге

Как Вы наверное уже заметили, когда Вы перемещаете меню в админке пунктир появляется либо на ровне с предыдущим меню, либо чуть правее.

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

  • На странице «Внешний вид» — «Меню», в блоке «Структура меню» найдите тот пункт меню, который хотите сделать выпадающим
  • Нажмите на этот пункт меню левой кнопкой мышы, удерживайте и оттащите его правее
  • Когда появится пунктир на нужном месте, отпустите мышку.
  • Нажмите на кнопку «Сохранить»

Как создать выпадающее меню на блоге

Не все шаблоны поддерживают выпадающее меню. В шаблоне AB-Inspiration такой функционал есть. Узнать поддерживает Ваш шаблон выпадающее меню или нет очень просто. Создайте несколько пунктов выпадающий в разделе «Меню» — Сохраните — перейдите на блог — наведите мышку на страницу с выпадающим меню. Если ничего не появится, значит Ваш шаблон не поддерживает выпадающее меню.

Как удалить пункт меню на блоге

Если Вы решили, что Вам не нужна та или иная страница в меню, ее можно удалить, не удаляя саму страницу.

  • На странице «Внешний вид» — «Меню», в блоке «Структура меню» найдите тот пункт меню, который хотите удалить
  • Нажмите на треугольничек справа от названия пункта меню
  • Нажмите на ссылку «Удалить»
  • Нажмите на кнопку «Сохранить»

Как удалить страницу из меню на блоге

Как создать второе меню на блоге

В шаблоне AB-Inspiration встроен функционал 3-х меню. Второе меню располагается в нижней части блога, и третье на отдельной странице Целевая страница.

Чтобы создать отдельное меню для нижней части сделайте следующее:

  • На странице «Внешний вид» — «Меню» нажмите на ссылку «создайте новое меню»
  • В поле впишите название меню
  • Нажмите на кнопку «Сохранить меню»

menu15

  • Отметьте галочкой «Меню в footer»
  • Нажмите еще раз «Сохранить меню»

menu16

Если Ваш шаблон не поддерживает второе меню, необходимо сначала создать функционал. Либо выбрать другой шаблон.

Ну что ж, теперь вопросов по меню возникать не должно :). Но все же есть вопросы, не стесняйтесь, задавайте в комментариях.

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

   7 голосов
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:

Анфиса Бреус

Анфиса Бреус - разработчик сайтов на Wordpress с 2007 года. Создатель и разработчик универсального шаблона - конструктора "AB-Inspiration" для самостоятельного создания и профессиональной настройки сайтов на WordPress. Основатель клуба "Мастер WordPress". Спикер. Путешественница.

Пошаговый План По Созданию Бизнес-Блога На WordPress
Оставьте свой комментарий:
13 комментариев
  1. Спасибо, Анфиса. Меню на моем блоге я настраивала по вашему видео курсу, однако сейчас, прочитав статью, я нашла для себя и новую информацию и доработала меню.

  2. Анфиса, а как страницу в Меню перевести в категорию Рубрики. И наоборот, Рубрику сделать страницей в Меню. Что-то запутался совсем.

  3. Ольга Сухорутченко

    Как всегда, алгоритм прописан пошагово и со скриншотами. Подано на блюдечке! Это подарок для тех, кто сам настраивает блог на Word Press.Анфиса, Вы изобретательны на разные штучки для своих пользователей! ;)

  4. Анфиса, спасибо за полезную и нужную статью! Мне надо будет создавать меню для целевой страницы и теперь буду пользоваться информацией из вашей статьи.
    Все доходчиво и понятно объясняете!

  5. Анфиса привет ! Спасибо , поработаю над своим меню теперь, а то там полный бардак )

  6. Анфиса! Меню для целевой страницы — это интересно! Как то я пропустила эту информацию или она «не дошла» до меня. Буду рабираться. Спасибо, что учите.

  7. Зинаида

    Анфиса,здравствуйте.
    Спасибо за статью.Все ясно и понятно описано и наглядно показано. На Вашем шаблоне настройка доставляет одно удовольствие. Спасибо.
    С уважением,Зинаида Паршина.

  8. Анфиса, благодарю! Я не знала про меню целевой страницы, это новая функция. Очень интересно настроить такое меню. С вашими инструкциями это не сложно.

  9. Татьяна

    Ваши статьи как всегда информативные. А я еще нашла в шаблоне как можно удалить страницу из меню, например когда создаешь редирект с подарком!

  10. Анфиса, извините за вопрос не по теме статьи. Просто я впервые у Вас на блоге и «загулялся» по нему. Может быть, вопрос глупый. Просто я потихоньку начинаю сам руководить своим блогом, который вебмастер делал для меня. У моего блога уникальная тема оформления, но я хотел бы сделать его более привлекательным сам, без внешней помощи. Какой материал (по возможности бесплатный (Вы бы мне порекомендовали для изменения дизайна?). Я так понимаю, без знания HTML это невозможно. И как заменить статическую главную страницу на анонсы постов? Если вопросы глупые или объемные — простите меня. Просто адресуйте на свои или другие материалы. Спасибо!

    • Сергей, изменить дизайн, Вы правы, придется изучать HTML, CSS и желательно кодекс WordPress. Либо воспользоваться шаблоном AB-Inspiration. В шаблоне огромный функционал по изменению внешнего вида блога без редактирвания кода. Все делается через админку. Больше о шаблоне можно почитать здесь: mlmcentr.ru.
      Хорошие материалы по HTML и CSS, я знаю, есть у Евгения Попова — http://1popov.su/.
      По поводу замены статической страницы на анонсы постов можно почитать здесь: Чем отличается страница от записи в WordPress

  11. Очень полезная функция движка. Я у себя тоже использую горизонтальное выпадающее меню. Оно не только красиво смотрится, но и экономит много места на блоге. Когда много рубрик, то выводить их в виджете не резонно. Все же лучше через горизонтальное меню.

на Блоге
в Фейсбук
в Вконтакте