Создание и настройка меню в wordpress по шагам

Баннер для сайта Создание сайта

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

  1. Упростить навигацию посетителя по страницам вашего сайта.
  2. Акцентировать внимание посетителя на конвертируюзих элементах.
  3. Грамотное распределение веса ваших страниц по соответствующим веткам структуры.

Про то, как продумать структуру своего сайта я писал в этой статье по созданию сайта. Для того, чтобы у вас получилось своё собственное меню после прочтения этой статьи совершенно не обязательно продумывать всю структура сайта полностью. Для старта нам будет достаточно изначально установленной базовой темы wordpress.

Что можно включить в меню своего сайта wordpress

В меню вашего сайта могут входить:

  • Рубрики,
  • Страницы,
  • Записи,
  • Отдельные ссылки.

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

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

Создаём своё первое меню для сайта на wordpress

Для создания меню нам необходимо перейти в консоль сайта и выбрать «Внешний вид — меню»:

Как создать своё первое меню wordpress

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

Как добавить меню в wordpress

Чтобы создать новое меню в wordpress нажмите на соответствующую кнопку:

Создание нового меню в wordpress

Теперь вбейте название для него – предлагаю называть ваше меню названием области, где оно будет расположено. Мы будем делать верхнее меню, поэтому так и его и назовём и нажмём на кнопку создания:

Вбиваем название своего меню

Наше меню создано, но оно пустое и теперь нам надо его наполнить, о чём нам и говорит wordpress.

Добавляем элементы в меню wordpress

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

Для того, чтобы добавить страницы в меню – отметьте страницы, которые вы хотите добавить галочками и нажмите: «Добавить в меню».

Добавляем страницы в меню wordpress

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

  1. Сохранить текущее меню.
  2. Задать ему область отображения.
  3. Перейти на главную страницу своего сайта.

Как задать область отображения меню wordpress

Для того, чтобы задать область отображения меню:

  • Перейдите в соответствующую вкладку;
  • выберите в основном меню то, которое создали ранее;
  • сохраните изменения.

Как вывести меню на своём сайте

Оценить меню мы можем при переходе на свой сайт:Где отображается меню сайта на wordpress

Сейчас у него просто ужасный вид и слишком длинные названия пунктов меню.

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

Часто название целевых страниц слишком длинное и в меню его надо сделать короче.

Для того, чтобы изменить название пунктов меню нам надо перейти в редактирование и нажать на иконку треугольника:

Изменяем название пунтов меню в wordpress

Теперь в поле «Текст ссылки» мы можем написать то, что нам нужно, например «Подписная».

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

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

Аналогичные операции можно проделать и с другими страницами:

  1. Для второй сделаем надпись: «Реклама».
  2. Для третьей: «Книга».Выводим перечень пунктов в меню

Теперь посмотрим, что у нас изменилось на самом сайте.

Пример отображения меню на сайте

Поздравляю, мы создали первое меню wordpress.

Теперь пойдём дальше.

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

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

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

Чтобы добавить рубрику в меню:

  • Переходим в настройки меню;
  • выбираем рубрику, которую хотим добавить;
  • нажимаем добавить;
  • сохраняем меню.

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

Как вставить произвольную ссылку в меню wordpress

Не всегда меню должно вести на страницы сайтов. Иногда требуется дать человеку ссылку на:

  1. Соцсети.
  2. Канал на
  3. Полезный документ.
  4. Или текущий лендинг.

Для того, чтобы вставить ссылку в меню:

  • Переходим в настройки;
  • выбираем произвольная ссылка;
  • вбиваем ссылку;
  • заполняем поле «текст ссылки»;
  • нажимаем «Добавить в меню».

Я хочу вставить ссылку на свой паблик вконтакте в меню wordpress.

Для этого я заполняю поля таким образом.

Как добавить ссылку на группу в вк на сайте

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

Ссылка на свою группу вк с сайта

Но что делать если у вас несколько соцсетей или рубрик? Как уместить в меню их все и при этом не раздуть его до бесконечности – читайте далее.

Выпадающее меню wordpress: пошаговое руководство

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

Пример: вы освещаете темы для wordpress сайта, но также на сайте у вас присутствуют рубрики для этих тем:

  1. Для блогов.
  2. Интернет магазинов.
  3. Фотографов.

Соответственно, они будут дочерними рубриками к основной. В меню они могут выглядеть как выпадающий список из пункта «Темы».

Для примера я создал эти пункты в меню и разместил их по стандартной иерархии:

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

Выглядит ужасно и рассеивает внимание нашего посетителя. Чтобы сделать его компактнее:

  1. Зажать мышкой на пункте меню.
  2. Передвинуть его под главный пункт.

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

Если теперь перейти на сайт и навести мышкой на пункт меню «Темы», то мы увидим вот такую картину.

Пример выпадающего меню wordpress

Итоги статьи
В этой статье вы узнали о том:
  1. Как создать своё меню.
  2. Как включить в меню произвольные ссылки.
  3. Как добавить в меню рубрику.
  4. Как сделать выпадающее меню в wordpress.

А если вы хотите начать зарабатывать на сайтах от 40.000 в месяц в пассивном режиме жмите на ссылку.

Рейтинг
Комментарии

  1. Иван

    Большое спасибо за пошаговый мануал по созданию меню для сайта на wordpress. помогло.

    Ответить
  2. Светлана

    Большое спасибо за пошаговый мануал по созданию меню для сайта на wordpress. помогло.

    Ответить
  3. Александра

    Здравствуйте, попала на ваш сайт, все давно хотела зарабатывать в интернете, подскажите, пожалуйста, меня интересует такой вопрос: а как вам написать для консультации по карте сайта?

    Ответить
  4. Дапья

    Здравствуйте. Скажите пожалуйста, а как вам написать для консультации по карте сайта?

    Ответить
  5. Аноним

    Смог поставить карту сайта для блога на wordpress. Спасибо!

    Ответить
    1. Ирина

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

      Ответить
  6. Мария

    А как вам написать для консультации по карте сайта?

    Ответить
  7. Егор Михайлов

    Большое спасибо за пошаговый мануал по созданию меню для сайта на wordpress. помогло. Теперь я смогу создать пользовательское wordpress без плагинов, благодаря вам. Спасибо большое!

    Ответить
  8. Дмитрий

    Смог поставить карту сайта для блога на wordpress. Спасибо!

    Ответить
  9. Светлана

    С интересом прочитала всю статью. Такая тематика для меня актуальна. Мне было полезно узнать тему wordpress. Искала пошаговые инструкции. Тут информация изложена понятно и просто. Читать, изучать — одно удовольствие.

    Ответить
  10. Екатерина

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

    Ответить
  11. Дима

    Неплохая статья, достаточно доступно объяснено, как нужно поэтапно действовать, если стоит задача создать сайт на wordpress. Уверен, что вближайшее время мне непременно потребуются эти инструкции.

    Ответить
  12. Александр

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

    Ответить
  13. Диля

    Огромное спасибо за статью по созданию меню для сайта на wordpress.
    Все достаточно информативно и показательно. Сначала я научилась создавать свою страницу, рубрику, а затем и меню.Мне, как начинающему блогеру это очень помогло.

    Ответить
  14. Юрий

    Ура, я создал свое собственное меню на WordPress по вашему уроку. Самостоятельно полдня пытался разобраться, но слишком они намудрили с настройками. А оказалось все очень просто. Спасибо за урок.

    Ответить
  15. Алекс

    Я остался доволен статьей по созданию меню для сайта на wordpress.
    Тема остаётся актуальной на все времена. Цикличный и методически выверенный материал позволяет научиться с первого раза создать свое собственное меню.

    Ответить
  16. Дильноза

    Достаточно долго бороздила по просторам интернета в поисках такой материала.
    Разобралась не сразу. Но так как написана статья по созданию меню для сайта на wordpress грамотно и понятным языком, то со своей задачей я вскоре справилась.
    Мне очень помогло.

    Ответить
  17. Жанна

    Хорошо, что я наткнулась на эту статью, которая мне очень помогла! Теперь знаю более подробно как добавить меню и страницы в wordpress. Также важное значение имеет, что здесь пошагово расписано как сделать выпадающее меню. Спасибо большое.

    Ответить
  18. Ирина Егорова

    Спасибо за полезную статью. Все понятно объяснили, разложили все по полочкам. Теперь я легко смогу создать пользовательское вордпресс. Буду делиться ею со своими близкими. Благодарю!

    Ответить
  19. Алик

    Замечательная статья по созданию меню для сайта на wordpress. Грамотно разбито на пункты. Благодаря доступности изложения материала не возникают лишних вопросов. Практикуясь в создании собственной рубрики, сумел сделать и меню. Мне очень все помогло.

    Ответить
  20. Игорь

    Довольно просто и понятно объяснили довольно не простую тему (что редкость в таком формате). Давно хотел научиться этому, и теперь могу. Благодарен вам за ваш мануал. Есть ли у вас страница в ВК?

    Ответить
  21. Марина

    Спасибо за подробный мануал. Статья помогла разобраться в меню wordpress. Всё расписано поэтапно и на доступном языке. Даже новичок, который собрался создавать свой сайт, поймет, как правильно сделать. Так как, всё описано пошагово. Спасибо автору за проделанную работу.

    Ответить
  22. Ольга

    Благодарю автора, очень понятно изложен материал, давно хотела научиться правильно создавать меню на своем сайте при помощи wordpress, получилось отлично, ничего сложного.

    Ответить
  23. Василий

    Благодаря этой статье теперь я не только могу сам создать меню на wordpress, но и помочь своим друзьям с этой задачей. Особенно порадовало то, что каждый момент в статье подробно раскрыт. Спасибо!

    Ответить
  24. Антон

    Да неужели я наконец то нашел толковое объяснение, для таких же начинающих как и я, что и для чего используется в меню WordPress. Огромное спасибо за Вашу четкую и пошаговую статью.

    Ответить
  25. Николай

    Как жаль что только сейчас мне попался этот сайт и эта самая статья. Даже представить сложно сколько времени я бы сэкономил при создании своего сайта на WordPress. Смог наконец разобраться с областью отображения меню.

    Ответить
  26. Катя

    После просмотра статьи смогла войти в меню на wordpress. Все необходимое подчеркнуто, речь простая и понятная. Просмотрела и другие публикации автора, они не менее интересные. Спасибо за помощь!

    Ответить
  27. Ирина

    Ого, спасибо! Все оказалось так просто! Я долго не могла понять как настроить меню на wordpress для своего сайта, в основном, не могла настроить подпункты меню, но ваше пошаговое руководство очень помогло и теперь у меня все красиво.

    Ответить
  28. Наталья

    Ваша информация для меня — отличная находка!Сейчас с супругом как раз создаём свой сайт по работе и хорошо, что нашла информацию по созданию меню на WordPress!Всё действия описаны пошаговое и на доступном языке!Спасибо, что делитесь с нами.

    Ответить
  29. Ирина

    Меню на сайте — это одна из его главных частей и важно все сделать правильно. Но в интернете так мало статей на тему как сделать меню на wordpress, в которых бы все понятно объяснялось. Здесь я нашла нужную информацию и смогла сделать все сама. Спасибо!

    Ответить
  30. Елена

    Хорошая статья на тему меню wordpress, сделать самому его несложно, но хорошо иметь инструкцию, чтобы удостовериться, что все делаешь правильно. У вас очень подробно все описано.

    Ответить
  31. Анна

    Доброго дня!
    Хочу выразить благодарность автору за статью. Помогло мне пошагово создать качественное меню на wordpress с нуля. Написано просто и на понятном языке. Буду рекомендовать.

    Ответить
  32. Ольга

    Очень подробная и понятная инструкция как узнать тему wordpress. Вопрос немаловажный, потому что WP имеет сотни тем и из них десятки интересных, современных, легких и красивых. Очень хочется иногда узнать у кого какая тема, но это не так-то легко. Большинство инструкций в интернете нерабочие, ваша помогла мне, спасибо!

    Ответить
  33. Дима

    Достаточно понятная инструкция, мне кажется, что я примерно разобрался с тем, как создать меню на WordPress. Но нужно будет попробовать все нюансы с добавлением рубрик и произвольных ссылок на практике.

    Ответить
  34. Ирина Смирнова

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

    Ответить
  35. Ксения

    Чтобы создать яркое, красивое и функциональное меню на wordpress, а не просто меню, нужно все равно многое знать о «сайтоделании», что в меню можно добавлять не только рубрики, но и метки, и страницы и тд, спасибо за полезную информацию!

    Ответить
  36. Игорь

    В принципе не так-то сложно сделать меню на wordpress, однако, чтобы сделать его еще более классным, современным и понятным для пользователя, неплохо бы почитать такие вот познавательные статьи, узнал для себя кое-что новое о меню в ВП, спасибо!

    Ответить
  37. Елена

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

    Ответить
  38. Роман

    Спасибо, эта статья помогла сделать меню на wordpress, а также помогла освоить множество фишек, которые обязательно помогут мне в дальнейшем создании сайта. Только кратко описаны некоторые моменты, но средние пользователи разберутся без проблем!

    Ответить
  39. Андрей

    Спасибо, всё детально расписано. Эта статья помогла мне узнать тему wordpress с чужого сайта. Это мне надо было для рерайта её, иначе своей головой тему я придумать к сожалению не мог.

    Ответить
  40. Иван

    Эта статья помогла мне создать сайт на wordpress. Мне хотелось получать деньги с рекламы, я наткнулся на wordpress. Не знал как и что там делать, но Ваша статья выручила меня, спасибо!

    Ответить
  41. Александр

    Эта статья помогла мне узнать что такое карта сайта wordpress. Информация для сайта одна из самых полезных! Также нашёл много фишек, которые обязательно использую в дальнейшем создании сайта, спасибо!

    Ответить
  42. Николай

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

    Ответить
  43. Сергей

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

    Ответить
  44. Олег

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

    Ответить
  45. Ростислав

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

    Ответить
  46. Анатолий

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

    Ответить
  47. Олег

    Статья показалась вполне толковой, думаю, что я примерно понял, как создавать пользовательское меню сайта на WordPress. Уверен, что теперь у меня не должно возникнуть каких-то серьезных проблем и на практике.

    Ответить
  48. Slaze

    Понятная статья, много информации в интернете, но для начинающих это, вероятно, одна из лучших. Автор молодец.

    Ответить
  49. Михаил

    Всё расписано до мелочей. А главное, что всё понятно. С вхождением ключа, узнал тему wordpress. Рекомендую к прочтению))

    Ответить
  50. Сергей

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

    Ответить
  51. Света

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

    Ответить
  52. Семен

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

    Ответить
  53. Алина

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

    Ответить
  54. Мария

    Очень благодарна за статью, по созданию меню для сайта на wordpress. Интересная и понятная статья, понравилось, что каждых шаг расписан. Я только начинаю вести блог и для меня очень важно, что бы все было написано простым языком.

    Ответить
  55. Максим

    Только что, я создал свое первое меню на WordPress. Большое спасибо статье, все так понятно расписано, каждый шаг буквально разжован. Я очень доволен, буду стремится теперь к большему.

    Ответить
  56. Екатерина

    Большое спасибо за пошаговый мануал по созданию меню для сайта на wordpress. помогло.

    Ответить
  57. Катрин

    Статью прочитала с большим интересом. Данная тематика для меня актуальна. Мне было полезно узнать тему wordpress. Искала пошаговые инструкции. Тут информация изложена понятно и просто. Читать, изучать — одно удовольствие. Большое спасибо за пошаговый мануал по созданию меню для сайта на wordpress. помогло.

    Ответить
  58. Татьяна

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

    Ответить
  59. Влад

    Спасибо за подробный мануал. Статья помогла разобраться в меню wordpress. Всё расписано поэтапно и на доступном языке. Даже новичок, который собрался создавать свой сайт, поймет, как правильно сделать. Так как, всё описано пошагово. Спасибо автору за проделанную работу.

    Ответить
  60. Леонид

    Спасибо за статью! Очень подробная, информативная и самое главное понятная для восприятия статья по созданию меню для сайта на wordpress. Следовал точно инструкции и у меня всё получилось) Всем удачи в освоении данного дела!

    Ответить
  61. Вера

    Автор большое тебе спасибо за эту статью, написано все понятным языком. Искала информацию как создать сайт на WordPress, перечитала много всего и негде не было такой детальной пошаговой инструкции.

    Ответить
  62. Константин

    В статье всё конструктивно и понятно объясняются все этапы создания сайта на wordpress, делал всё по инструкции, объяснение каждого шага, за это спасибо отдельное хотелось бы сказать. Автору респект!

    Ответить
  63. Елена

    Полезная статья, помогла мне с созданием и настройкой меню в wordpress. Каждый шаг объясняется понятным и доступным языком. Не думала, что это может быть так просто. Спасибо, за инструкцию.

    Ответить
  64. Мария

    Благодарю за статью, да конечно в вордпрессе куча возможностей, не знала что сайт на wordpress может быть таким функциональным. Добавив несколько меню, можно разнообразить любую заезженную тему.

    Ответить
  65. Ирина

    Спасибо за очень подробную инструкцию как сделать меню на wordpress, в статье есть несколько моментов, которые я на своем сайте не применяла, например, включение в меню не только рубрик и меток, но и ссылок.

    Ответить
  66. Анна

    Для любого сайта меню — это визитная карточка. Если делать сайт самой, то приходится изучать меню wordpress самому, как это делаю я. Хочется чтобы на сайте было идеальное меню. У вас много интересных фишек описано, спасибо!

    Ответить
  67. Наталья И.

    Я в wordpress новичок и мне было непросто сделать меню на wordpress хотя бы немного похожим на то, каким оно должно было быть в идеале. То не сохраняет, то ссылки второй ступени делает первыми, долго не могла понять, как проще все сделать и чтобы все поместилось. Спасибо за статью.

    Ответить
  68. Елизавета

    Дельная статья. Про меню wordpress и как его сделать в интернете куча инфы, но каждый пишет под себя и бывает непонятно, поэтому проще каждому ориентироваться на картинки, как в этой статье.

    Ответить