Уроки по созданию сайтов на WordPress Создание сайта и интернет магазина с нуля! Интересует вопрос как создать сайт? Тогда Вам сюда!
Приветствую друзья! В этом уроке вы узнаете как создать меню в WordPress и как добавить страницу в меню. В прошлых уроках мы уже разобрались с Вами как создавать страницы и записи в WordPress, а сегодня мы научимся и пошагово разберем как создать меню и как добавить вторую вкладку в шапке сайта (выпадающее подменю) в WordPress.
Создание меню в WordPress
1. Для начала необходимо перейдите в панели администратора в Внешний вид — Меню.
2. Теперь необходимо создать меню, для этого нажимаем по «Создайте новое меню».
3. В текстовом поле вводим название для меню WordPress и нажимаем кнопку «Создать меню».
4. Меню создано. Теперь необходимо добавить нужные Вам страницы, записи, метки, рубрики и т.п. в меню WordPress. Для этого нужно выбрать необходимый пункт, например «Страницы» и отметить галочками те, которые Вы хотите добавить. После этого нажимаем «Добавить в меню».
После того как вы добавили нужные страницы, рубрики или записи в меню нажмите «Сохранить меню».
Важно! Если Вы не видите в списке нужные пункты, нажмите в верхнем правом углу «Настройка экрана» и проставьте галочки на необходимых пунктах. После этого они появятся в списке и вы сможете добавить их в меню.
5. Для того, чтобы созданное меню отображалось на главной странице сайта WordPress, необходимо перейти в «Управление областями» и выбрать в списке созданное нами меню, после чего нажать «Сохранить изменения».
Вот и все! Как видите, всего за несколько шагов можно легко создать новое меню в WordPress.
Порядок размещения меню в WordPress
Для того чтобы изменить порядок пунктов в меню, необходимо зажать левой кнопкой мыши нужный нам пункт и перетянуть его выше или ниже. Для сохранения изменений нажмите «Сохранить меню».
В этом примере страницу «Роланд Дискейн» передвигаем в меню после «Добавление видео»
Создание выпадающего меню в WordPress
Для того чтобы сделать выпадающее подменю, необходимо зажать левой кнопкой мыши нужный нам пункт и перетянуть его левее под пункт меню, из которого будет выпадать наше подменю.
В этом примере страницу «Пример страницы» делаем выпадающим подменю для пункта меню «Роланд Дискейн»
Если у вас возникли вопросы по созданию меню, задавайте их в комментариях.
Обзор
Проголосуйте за урок
Оценка
Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!
здравствуйте. подскажите пожалуйста по работе с меню. Настроила Primary menu, отображается сбоку на всех страницах магазина. Когда решила разделить товары по категориям, то при выборе категорий меню слева исчезает. Пробую настройки — там Primary menu нет, чтобы его можно было добавить. Когда просматриваешь отдельный товар — так же меню слева пропадает. Ест варианты как это можно настроить? Заранее спасибо.
Здравствуйте. Я не совсем понял где Вы добавляете меню. Возможно, что оно выведено в сайдбаре, и просто на странице отдельного товара нет нужного виджета.
Добрый день! подскажите как убрать из меню «+»?
s019.radikal.ru/i641/1602/53/c3f2ae966533.jpg
С помощью CSS я думаю. Вероятнее всего, именно так добавляется плюс. Больше сказать не смогу, так как по картинке код не увижу…
Александр, вот сайт — zhidkov-art.com
помогите пожалуйста
Добавьте в CSS:
span.sf-sub-indicator {
display: none;
}
Огромное Вам человеческое спасибо!!!)
Могу ли я дальше в к вам обращаться? если можно — сбросьте пожалуйста свой мейл (обещаю не надоедать)
Здравствуйте!
Подскажите, пожалуйста, как поступить. Сделала подраздел меню. После этого в меню родительская страница стала не кликабельной. Если не делаешь подраздел — кликабельна, делаешь — не кликабельна. Сама по себе отображается, из меню нет. Как сделать, чтобы родительская страница была кликабельной в меню?
Буду благодарна за ответ.
Здравствуйте. Думаю, проблема в теме сайта. Вероятно, так и было задумано. К сожалению, точнее сказать сложно, так как не видно проблемы. Укажите ссылку на Ваш сайт, возможно так смогу помочь или подсказать.
Вопрос такой, есть ли ограничение по кол-ву пунктов в боковом меню в WP? Если от темы зависит, то где это найти? у меня 90 пунктов только поместились.
Попробуйте увеличить значение max_input_vars в php.ini
Спасибо за ответ Александр, проблему решил другим путем. Сайт на хостинге, и к пхп нету доступа, точно не помню, но вроде сделал следующее:
в файле .htaccess, в корневой папке сайта, добавил строки suhosin.post.max_vars 2000 и suhosin.request.max_vars 2000. Вроде бы после этого косяк с ограничением в меню пропал. 🙂
здравствуйте как сделать меню с права на странице (не на главной) , буду благодарна…
Используйте виджет «Произвольное меню».
Здравствуйте! в меня проблема с выпадающем меню, творческая-полиграфия.рф например: «дизайн услуги» все строки нормальные, а «бумага» нижняя строка наполовину видна. Подскажите где искать проблему.
Как сделать, чтобы одна ссылка из главного меню открывалась в новой странице
1) Внешний вид -> Меню
2) В верхнем правом углу нажмите кнопку «Настройки экрана»
3) Поставьте галочку на «Цель ссылки»
4) Откройте пункт меню (с которого ходите открытие в новом окне) и поставьте галочку «Открывать в новой вкладке»
5) Сохраните изменения
Спасибо, всё настроил
Подскажите пожалуйста WordPress 4.5.2 не работает меню при маленьком экране поесть с телефона, при открытии сайта на пк всё в норме что можно сделать так стало после обновления
Здравствуйте, Александр!
В вордпрессе 4.5.2 создала виджет primary-meny. Но все вкладки, которые я указываю для этого меню, отображаются (дублируются) ещё и на верхнем(((
Подскажите, пожалуйста, как убрать их из верхнего меню? Хотелось бы, чтобы вкладки на верхней и нижней ленте были совершенно разными, иначе в чём смысл двух меню?..
Мучаюсь с этим уже неделю… На Вас одна надежда!
Здравствуйте, Юлия! Постараюсь вам помочь!
Суть виджета в том, чтобы создать меню еще одно, а не использовать то, которое есть уже на сайте.
Сделать нужно приблизительно следующее:
1) Создайте в «Внешний вид -> Меню» новое меню (со структурой, которую хотите видеть в виджете). Акцентирую внимание на том, что нужно создать полностью новое меню. Для этого там есть строчка «Отредактируйте меню ниже или создайте новое меню.»
Не нужно ставить галочки типа «Основное меню» и т.п., просто создайте меню и все.
2) Зайдите в «Внешний вид — Виджеты» и добавьте виджет «Произвольное меню». В выпадающем списке виджета выберите меню, которое вы создали на предыдущем шаге и нажмите «Сохранить».
Вот и все 🙂
Да, я именно так и делала… У меня платный шаблон, заточен уже под два меню. Первое — над логотипом, второе — под ним.
Создала на верхнем меню 4 вкладки. На втором — пока что 2. Но они же отображаются и на верхнем, в ряд, после тех 4-х, т.е. получается уже 6 вкладок — 4 нужных и 2, продублированных с нижнего меню((
В админке через «Внешний вид — меню» слева в блоке «Страницы» отображаются все 6 страниц.
Справа в блоке «Структура меню» при выборе первого меню отображаются 4 вкладки, при выборе второго — 2. Т.е. здесь, внутри, всё так, как мне хотелось бы видеть… Но при переходе на сайт верхнее выдаёт упорно 6 вкладок, включая эти 2 дублирующие((
Не знаю, понятно ли объяснила…
В таком случае обратитесь в поддержку премиум темы, там вам точно смогут помочь или подсказать, как в теме сделать нужное меню.
Пытаюсь туда достучаться…
Спасибо!
Добрый день, нет ли какого то решения для такой ситуации:
Если у меня допустим 7 категорий с 20-30 подактегориями и в каждой подкатегорией куча товаров, допустим по 50.
Как вот это все добавить чтобы потом не «играться» с перетаскиванием?
Заранее благодарен за ответ или нужное направление действий.
Добрый день. Столкнулся с такой проблемой: на сайте в навигационном меню все страницы на английском были, теперь вместо «Home» отображается «Главная»! Подскажите, пожалуйста, в чём может быть проблема и как её исправить? Заранее спасибо!
Здравствуйте!
Страницу случайно не переименовали? 🙂
Зайдите в «Внешний вид -> Меню» и просто переименуйте этот пункт меню.
Дело в том, что страницы «Главная» нет в списке для добавления в меню
Если ее нету в пункте меню, значит она установлена в шаблоне страниц(ы). В таком случае найдите где именно (обычно в header.php) и переименуйте/сделайте локализацию.
Хотя это очень странно. Если создано меню и стоит галочка «Основное меню», то ничего кроме добавленных туда пунктов быть не должно.
Простите, я ошибся. В списке есть страница «Главная», но я её не переименовывал. test.tlogisticlink.com вот ссылка на сайт собственно.
День добрый! Скажите а куда сохраняется информация о меню? может файл какой или в базу данных?
(просто из консоли нельзя поменять надписи homepage и get in touch вот ищу где можно их править)
i.imgur.com/EicSB2h.jpg
Здравствуйте! Если нет возможности менять с админки — смотрите в файлах темы. Обычно меню в header.php.
Здравствуйте все!!
У меня не получается в меню сделать подраздел. Он встает в каталоге как полноценный элемент, а я хочу по принципу матрешки (мелкие прячутся в более крупные элементы).
При этом в админке соподчинение отображается правильно. И даже в дереве меню мелкие элементы встают под родительской категорией. А отображаются все равно как самостоятельные единицы. Прошу очень помочь, неделю уже бьюсь.
Вам нужно сделать нормальные CSS стили для меню. Чтобы дочерних элементов не было видно, пока не навести курсором на родительский и т.п. У меня на сайте урока такого нету, но вот первый похожий пример на эту тему, который я увидел в поиске — wproots.com/how-to-style-wordpress-menus-dropdowns/
Спасибо большое. Поищу. Создатель сайта сказал, что на нашем сайте реализовано двухуровневое меню. И надо доплачивать за достройку иерархии.
Наверное, человеку не в теме, как я, и соваться не стоит…
Доброго дня! Прошу подсказать или хотя бы направить в нужную сторону)
На сайте главная страница, на которой выводятся все записи, открывается при нажатии на шапку сайта с его названием.
Я бы хотела включить в меню страницу «Главная», чтобы попадать на эту домашнюю страницу можно было в т.ч. из меню. Переход к последним записям через шапку сайта — оказалось не для всех пользователей очевидно.
Страницу создала, в меню прописала, но она пустая и визуально в меню не отображается. И не понятно, как привязать её к домашней странице…
Что нужно сделать? Прошу прощения, если вопрос глупый, пока ещё новичок в WP.
Здравствуйте. Попробуйте сделать так:
image.prntscr.com/image/32e877cadd8d476781382232a5d02507.png
Суть в том, чтобы сделать Главную страницу (которую вы создали) для вывода записей, и по умолчанию оставить вывод записей на главной.
Александр, от всей души большое Вам спасибо! Все получилось.
Пожалуйста! Рад, что смог помочь 🙂
Добрый день! Проблема следующая
Перестали отображаться заготовки в верхнем меню( типа Home, contact, about us..) Причем если переходить по прямой ссылки то, то страница и содержимое отображаются.
Ошибка возникает после настройки меню, будто глюк какой то.
Меняю тему — проблема остается, заголовки по прежнему не отображаются. Проблема решается когда делаю reset и создаю все заново, но потом, настраивая меню в очередной раз, совсем неожиданной оно сново может пропасть. Устал начинать все сначала.
Буду благодарен любому совету!
Здравствуйте! Подскажите, пожалуйста, как сделать так, чтобы на определенной странице цвет шрифта в меню менялся? Допустим, если на главной странице цвет шрифта в меню черный, то как сделать, чтобы на другой странице цвет становился белым? Заранее благодарю!
Добрый день. Не получается создать полноценное меню сайта?
1) Меню выводит страницы. Основная информация в рубриках. Как содержание сайта которое находиться в рубриках добавить в меню?
2) Получается рубрика структурирует записи только для удобства работы в кабинете?
Здравствуйте! Столкнулся с проблемой. В выпадающем меню много пунктов и они просто уходят за пределы экрана. Можно как-то добавить какую-нибудь прокрутку?
Здравствуйте! Обычная прокрутка колесиком мышки обычно в таких случаях помогает. Непосредственно в меню прокрутку обычно не добавляют.
Почему то просто колесиком прокрутить не получается. А можно как-то сделать прокрутку например движением курсора?
Теоретически да (с помощью jQuery), но реальных примеров я не видел.
Спасибо) Буду тогда что-то придумывать)
Здравствуйте.
Ковырял блог жены встраивал виджет инстаграма.
И неожиданно сломал главное меню, совсем не пойму как…
В общем-то меню есть, то есть его пункты, но они неактивны.
В Настройка->Меню 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, меню продолжает не работать.
Добавьте !important
#page, .container { overflow: hidden!important; }Так, меню заработало, но логотип как Вы и говорили куда-то уехал 🙂
Как его вернуть?
А это уже решайте сами 🙂
Уф, я в этом вообще непонимай 🙂 Я туда вообще полез из-за нытья жены, что сломался виджет инстаграма. Хотя я до сих пор не понимаю как я мог сломать меню, я точно знаю что только установил виджет и добавил его в side bar.
Ладно, спасибо Вам Александр и на этом, пойду ломать голову дальше 🙂