Домой / WordPress / Создание и настройка меню в WordPress
Создание и настройка меню в WordPress

Создание и настройка меню в WordPress

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

Создание меню в WordPress

1. Для начала необходимо перейдите в панели администратора в Внешний вид — Меню.

Создание и настройка меню в WordPress

2. Теперь необходимо создать меню, для этого нажимаем по «Создайте новое меню».

Создание и настройка меню в WordPress

3. В текстовом поле вводим название для меню WordPress и нажимаем кнопку «Создать меню».

Создание и настройка меню в WordPress

4. Меню создано. Теперь необходимо добавить нужные Вам страницы, записи, метки, рубрики и т.п. в меню WordPress. Для этого нужно выбрать необходимый пункт, например «Страницы» и отметить галочками те, которые Вы хотите добавить. После этого нажимаем «Добавить в меню».

Создание и настройка меню в WordPress

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

Важно! Если Вы не видите в списке нужные пункты, нажмите в верхнем правом углу «Настройка экрана» и проставьте галочки на необходимых пунктах. После этого они появятся в списке и вы сможете добавить их в меню.

5. Для того, чтобы созданное меню отображалось на главной странице сайта WordPress, необходимо перейти в «Управление областями» и выбрать в списке созданное нами меню, после чего нажать «Сохранить изменения».

Создание и настройка меню в WordPress

Вот и все! Как видите, всего за несколько шагов можно легко создать новое меню в WordPress.

Порядок размещения меню в WordPress

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

Порядок размещения меню в WordPress

В этом примере страницу «Роланд Дискейн» передвигаем в меню после «Добавление видео»

Создание выпадающего меню в WordPress

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

Создание выпадающего меню в WordPress

В этом примере страницу «Пример страницы» делаем выпадающим подменю для пункта меню «Роланд Дискейн»

Если у вас возникли вопросы по созданию меню, задавайте их в комментариях.

Приветствую друзья! В этом уроке вы узнаете как создать меню в WordPress и как добавить страницу в меню. В прошлых уроках мы уже разобрались с Вами как создавать страницы и записи в WordPress, а сегодня мы научимся и пошагово разберем как создать меню и как добавить вторую вкладку в шапке сайта (выпадающее подменю) в WordPress. Создание меню в WordPress 1. Для начала необходимо перейдите в панели администратора в Внешний вид - Меню. 2. Теперь необходимо создать меню, для этого нажимаем по "Создайте новое меню". 3. В текстовом поле вводим название для меню WordPress и нажимаем кнопку "Создать меню". 4. Меню создано. Теперь необходимо добавить нужные Вам страницы,…

Обзор

Проголосуйте за урок

Оценка

Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 4.26 ( 21 голосов )
100

184 комментария

  1. Аватар

    здравствуйте. подскажите пожалуйста по работе с меню. Настроила Primary menu, отображается сбоку на всех страницах магазина. Когда решила разделить товары по категориям, то при выборе категорий меню слева исчезает. Пробую настройки — там Primary menu нет, чтобы его можно было добавить. Когда просматриваешь отдельный товар — так же меню слева пропадает. Ест варианты как это можно настроить? Заранее спасибо.

    • Аватар

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

  2. Аватар

    Добрый день! подскажите как убрать из меню «+»?
    s019.radikal.ru/i641/1602/53/c3f2ae966533.jpg

  3. Аватар

    Здравствуйте!
    Подскажите, пожалуйста, как поступить. Сделала подраздел меню. После этого в меню родительская страница стала не кликабельной. Если не делаешь подраздел — кликабельна, делаешь — не кликабельна. Сама по себе отображается, из меню нет. Как сделать, чтобы родительская страница была кликабельной в меню?
    Буду благодарна за ответ.

    • Аватар

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

  4. Аватар

    Вопрос такой, есть ли ограничение по кол-ву пунктов в боковом меню в WP? Если от темы зависит, то где это найти? у меня 90 пунктов только поместились.

    • Аватар

      Попробуйте увеличить значение max_input_vars в php.ini

      • Аватар

        Спасибо за ответ Александр, проблему решил другим путем. Сайт на хостинге, и к пхп нету доступа, точно не помню, но вроде сделал следующее:
        в файле .htaccess, в корневой папке сайта, добавил строки suhosin.post.max_vars 2000 и suhosin.request.max_vars 2000. Вроде бы после этого косяк с ограничением в меню пропал. 🙂

  5. Аватар

    здравствуйте как сделать меню с права на странице (не на главной) , буду благодарна…

  6. Аватар

    Здравствуйте! в меня проблема с выпадающем меню, творческая-полиграфия.рф например: «дизайн услуги» все строки нормальные, а «бумага» нижняя строка наполовину видна. Подскажите где искать проблему.

  7. Аватар
    Алексей

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

    • Аватар

      1) Внешний вид -> Меню
      2) В верхнем правом углу нажмите кнопку «Настройки экрана»
      3) Поставьте галочку на «Цель ссылки»
      4) Откройте пункт меню (с которого ходите открытие в новом окне) и поставьте галочку «Открывать в новой вкладке»
      5) Сохраните изменения

  8. Аватар
    Екатерина

    Подскажите пожалуйста WordPress 4.5.2 не работает меню при маленьком экране поесть с телефона, при открытии сайта на пк всё в норме что можно сделать так стало после обновления

  9. Аватар

    Здравствуйте, Александр!

    В вордпрессе 4.5.2 создала виджет primary-meny. Но все вкладки, которые я указываю для этого меню, отображаются (дублируются) ещё и на верхнем(((

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

    Мучаюсь с этим уже неделю… На Вас одна надежда!

    • Аватар

      Здравствуйте, Юлия! Постараюсь вам помочь!
      Суть виджета в том, чтобы создать меню еще одно, а не использовать то, которое есть уже на сайте.
      Сделать нужно приблизительно следующее:
      1) Создайте в «Внешний вид -> Меню» новое меню (со структурой, которую хотите видеть в виджете). Акцентирую внимание на том, что нужно создать полностью новое меню. Для этого там есть строчка «Отредактируйте меню ниже или создайте новое меню
      Не нужно ставить галочки типа «Основное меню» и т.п., просто создайте меню и все.

      2) Зайдите в «Внешний вид — Виджеты» и добавьте виджет «Произвольное меню». В выпадающем списке виджета выберите меню, которое вы создали на предыдущем шаге и нажмите «Сохранить».

      Вот и все 🙂

      • Аватар

        Да, я именно так и делала… У меня платный шаблон, заточен уже под два меню. Первое — над логотипом, второе — под ним.

        Создала на верхнем меню 4 вкладки. На втором — пока что 2. Но они же отображаются и на верхнем, в ряд, после тех 4-х, т.е. получается уже 6 вкладок — 4 нужных и 2, продублированных с нижнего меню((

        В админке через «Внешний вид — меню» слева в блоке «Страницы» отображаются все 6 страниц.
        Справа в блоке «Структура меню» при выборе первого меню отображаются 4 вкладки, при выборе второго — 2. Т.е. здесь, внутри, всё так, как мне хотелось бы видеть… Но при переходе на сайт верхнее выдаёт упорно 6 вкладок, включая эти 2 дублирующие((

        Не знаю, понятно ли объяснила…

  10. Аватар
    Ростислав

    Добрый день, нет ли какого то решения для такой ситуации:
    Если у меня допустим 7 категорий с 20-30 подактегориями и в каждой подкатегорией куча товаров, допустим по 50.
    Как вот это все добавить чтобы потом не «играться» с перетаскиванием?
    Заранее благодарен за ответ или нужное направление действий.

  11. Аватар

    Добрый день. Столкнулся с такой проблемой: на сайте в навигационном меню все страницы на английском были, теперь вместо «Home» отображается «Главная»! Подскажите, пожалуйста, в чём может быть проблема и как её исправить? Заранее спасибо!

    • Аватар

      Здравствуйте!
      Страницу случайно не переименовали? 🙂
      Зайдите в «Внешний вид -> Меню» и просто переименуйте этот пункт меню.

      • Аватар

        Дело в том, что страницы «Главная» нет в списке для добавления в меню

        • Аватар

          Если ее нету в пункте меню, значит она установлена в шаблоне страниц(ы). В таком случае найдите где именно (обычно в header.php) и переименуйте/сделайте локализацию.
          Хотя это очень странно. Если создано меню и стоит галочка «Основное меню», то ничего кроме добавленных туда пунктов быть не должно.

      • Аватар

        Простите, я ошибся. В списке есть страница «Главная», но я её не переименовывал. test.tlogisticlink.com вот ссылка на сайт собственно.

  12. Аватар

    День добрый! Скажите а куда сохраняется информация о меню? может файл какой или в базу данных?
    (просто из консоли нельзя поменять надписи homepage и get in touch вот ищу где можно их править)

    i.imgur.com/EicSB2h.jpg

  13. Аватар

    Здравствуйте все!!

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

    • Аватар

      Вам нужно сделать нормальные CSS стили для меню. Чтобы дочерних элементов не было видно, пока не навести курсором на родительский и т.п. У меня на сайте урока такого нету, но вот первый похожий пример на эту тему, который я увидел в поиске — wproots.com/how-to-style-wordpress-menus-dropdowns/

      • Аватар

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

  14. Аватар

    Доброго дня! Прошу подсказать или хотя бы направить в нужную сторону)
    На сайте главная страница, на которой выводятся все записи, открывается при нажатии на шапку сайта с его названием.
    Я бы хотела включить в меню страницу «Главная», чтобы попадать на эту домашнюю страницу можно было в т.ч. из меню. Переход к последним записям через шапку сайта — оказалось не для всех пользователей очевидно.
    Страницу создала, в меню прописала, но она пустая и визуально в меню не отображается. И не понятно, как привязать её к домашней странице…
    Что нужно сделать? Прошу прощения, если вопрос глупый, пока ещё новичок в WP.

  15. Аватар

    Добрый день! Проблема следующая

    Перестали отображаться заготовки в верхнем меню( типа Home, contact, about us..) Причем если переходить по прямой ссылки то, то страница и содержимое отображаются.
    Ошибка возникает после настройки меню, будто глюк какой то.
    Меняю тему — проблема остается, заголовки по прежнему не отображаются. Проблема решается когда делаю reset и создаю все заново, но потом, настраивая меню в очередной раз, совсем неожиданной оно сново может пропасть. Устал начинать все сначала.
    Буду благодарен любому совету!

  16. Аватар
    Владислав

    Здравствуйте! Подскажите, пожалуйста, как сделать так, чтобы на определенной странице цвет шрифта в меню менялся? Допустим, если на главной странице цвет шрифта в меню черный, то как сделать, чтобы на другой странице цвет становился белым? Заранее благодарю!

  17. Аватар

    Добрый день. Не получается создать полноценное меню сайта?

    1) Меню выводит страницы. Основная информация в рубриках. Как содержание сайта которое находиться в рубриках добавить в меню?
    2) Получается рубрика структурирует записи только для удобства работы в кабинете?

  18. Аватар

    Здравствуйте! Столкнулся с проблемой. В выпадающем меню много пунктов и они просто уходят за пределы экрана. Можно как-то добавить какую-нибудь прокрутку?

  19. Аватар

    Здравствуйте.
    Ковырял блог жены встраивал виджет инстаграма.
    И неожиданно сломал главное меню, совсем не пойму как…
    В общем-то меню есть, то есть его пункты, но они неактивны.
    В Настройка->Меню url-ы прописаны, но на них нельзя нажать, и при наведении ничего.
    Если переключиться на мобильную тему, пункты меню работают.

    Подскажите что смотреть, пожалуйста!
    Если нужно блог niya.me/blog/

    • Аватар

      Здравствуйте. Проблема в CSS. У Вас в:

      #page, .container {
          overflow: visible;
      }
      

      А нужно бы убрать visible:

      #page, .container {
          overflow: hidden;
      }
      

      После этого только логотип нужно будет нормально поставить.

      • Аватар

        Но… я не трогал css 🙂
        Это «Таблица стилей (style.css)» нужно смотреть верно?
        Я вижу там только
        }
        #page, .container {
        max-width: 960px;
        min-width: 240px;
        overflow: visible;
        }
        пробовал изменить на hidden, меню продолжает не работать.

  20. Аватар

    Так, меню заработало, но логотип как Вы и говорили куда-то уехал 🙂
    Как его вернуть?

    • Аватар

      А это уже решайте сами 🙂

      • Аватар

        Уф, я в этом вообще непонимай 🙂 Я туда вообще полез из-за нытья жены, что сломался виджет инстаграма. Хотя я до сих пор не понимаю как я мог сломать меню, я точно знаю что только установил виджет и добавил его в side bar.

        Ладно, спасибо Вам Александр и на этом, пойду ломать голову дальше 🙂

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

Ваш email не будет опубликован.

*