Как настроить выпадающее меню на движке WordPress.

Настройка выпадающего меню на WordPress.

Первым делом ваш движок сайтов WordPress должен быть обновлён до 3 версии или выше. Предыдущие версии WordPress второй ветки не поддерживают настраеваемое меню для сайта.

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

На странице настроек сверху будет написано, поддерживает ли ваша тема настраиваемые выпадающие меню или нет. У меня в моём шаблоне который я разбираю в видеоуроке написано: Ваша «тема» поддерживает 1 меню.

 

 

Иногда шаблон WordPress сайта может поддерживать до 2 меню, и тогда ваш движок скажет вам: Ваша «тема» поддерживает 2 меню.

 

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

 

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

 

Просмотрите подробный видеоурок по настройке выпадающего меню на WordPress.

 

Имя файла: menu-wordpress.rar  Формат видео: mp4  Время: 7,1 мин.    Размер: 14.3 МБ

 

 

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

 

Поделиться со своими друзьями в социальных сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
yandex Настройка выпадающего Меню в WordPress 3 и выше.

82 комментария: Настройка выпадающего Меню в WordPress 3 и выше

  • Петр Балашов говорит:

    Александр,прекрасное видео,все очень просто и понятно.Буду рекомендовать на форуме.На видео подписался.Спасибо.

  • Ирина говорит:

    Я долго не могла понять как это сделать 

    В моем шаблоне это подразумевается. Спасибо Александр.

    У меня есть идеи по шаблонам, на какую почту Вам написать. 

    Они так же актуальны, как и выпадающее меню. А у самой навыков не хватает

    • admin говорит:

      Контакты есть в меню блога. Идею можно прямо в комментарии написать. Будите генератором новых идей!

  • Петр Балашов говорит:

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

  • Вера говорит:

    У меня тема не поддерживает меню, а очень хочется такое сделать. Как быть?

    • admin говорит:

      Найти подходящую тему, которая поддерживает меню. Не все шаблоны совместимы с 3 версией WordPress и не все версии WP поддерживают новые шаблоны. Нужно делать обновления движка и темы, если это возможно.

      • Вера говорит:

        У меня вордпесс обновлён до последней версии. Шаблон мой мне очень нравится. Не хочется его менять, да и подходящий шаблон для моего сайта найти сложно. Только самой если делать. А обновления шаблона нет.

        • Петр Балашов говорит:

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

  • булат говорит:

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

  • Петр Балашов говорит:

    Саша,у меня Вордпресс версии 3.3.1,поддерживает 2 меню.Тема Zenit со слайдером на главной.Специально добавил две страницы,есть 3 рубрики.Попытался сделать выпадающее меню,точно по видео.Но не работает,не понимаю,в чем дело.Сайт http://miloslava-vit.ru/

    • admin говорит:

      Смотрю вы самостоятельно разобрались. У вас в шаблоне 2 меню и оба можно настроить.

      • Петр Балашов говорит:

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

  • Петр Балашов говорит:

    Спасибо,уже все получилось! Два меню-это хорошо,если все понимаешь.Не в то меню все включил.

  • Алёна говорит:

    Добрый день! Подскажите, пожалуйста, а если тема поддерживает 2 меню, но не поддерживает "выпадающее" меню, никак нельзя это "выпадение" сделать?

    • admin говорит:

      Можно использовать атрибуты страницы. Указать там Родителя — это будет сама кнопка в меню, а дочерние страницы будут выпадающими по отношению к главной.

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

    • Петр Балашов говорит:

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

  • Ашот говорит:

    Уважаемый Александр, спасибо за полезные материалы! Я Ваш давнишний подписчик. На RSS подписался. У меня молодой блог и я постараюсь использовать в нём Ваши советы.

  • Петр Балашов говорит:

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

  • Тата говорит:

    Спасибо за видео, очень пригодилось :)

  • Андрей говорит:

    Но ведь без прописанных стилей и, возможно, без java-script ничего выпадать не будет. Я думал, может оно как-то по умолчанию там устроено, а ничего подобного. Сейчас тему с нуля делаю, создал такое меню — оно получилось не выпадающее. Прошу дополнить пост стилями и скриптами для эффекта выпадания, если надо.

    • admin говорит:

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

      • Петр Балашов говорит:

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

         

      • Андрей говорит:

        Просто в качестве совета. Советую либо дополнить этото пост, рассказав, как сделать выпадающее меню, используя WP3 с нуля либо написать новый на эту тему. Меня интересует этот вопрос, искал в поисковиках — ничего не нашел. 

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

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

        • Петр Балашов говорит:

          Андрей,я тот новичок,который только прошел курс HTML,но пока этими знаниями не пользовался.О скриптах я пока даже не думал.Тем не менее поставил себе выпадающее меню в шаблон WP 3.3.1 только по описанию в видео.Просто нужно все рекомендации выполнить точно.Если интересно,моя переписка с Александром выше.Считаю,что этой статьи для новичка более чем достаточно.

          • Андрей говорит:

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

  • Петр Балашов говорит:

    Возможно.Попробую поэкспериментировать на других.О результатах сообщу дополнительно.

     

  • Max Cook говорит:

    Легко и быстро сделать выпадающее меню на сайте Вам поможет плагин: jquery-drop-down-menu-plugin

    Качать отсюда: http://wordpress.org/extend/plugins/jquery-drop-down-menu-plugin/

    Не забудьте в header.php вставить вот такую строку в самом низу кода: <?php jquery_drop_down_menu ('Главная') ?>

    Заходите в гости!

  • Максад Исаев говорит:

    Спасибо вам Александр большое! Я пол дня искал хорошее руководство для настройки выпадающего меню. В итоге остановился на вашем видеоролике. Мне очень понравилось, все очень доходчиво и понятно!

  • MeLady говорит:

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

    • Петр Балашов говорит:

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

  • Anton говорит:

    Александер красавчег благодарю :) Пол дня парился, шаблон с выпадающим меню искал, Artister подламливал чтобы сверстать... И тут Вашу статью нашёл )

  • Наталья Нтр говорит:

    Хорошо все ясно и понятно показано. Сделала изменения у себя, которые уже искала давно как сделать! 

    Но ничего не получилось. Может быть потому что у меня раньше уже было меню заданное —  Top menu и Navigation. Вроде бы удалила их.

    А когда сделала новое меню нажала «сохранить» показало, что тема конфликтует с 2 меню. Что теперь делать? Как установить меню до третьего уровня?

  • Юрий говорит:

    Спасибо — я это и искал!

  • Ольга говорит:

    Александр,здравствуйте!В данный момент изучаю Ваши курсы"Раздвижные панели..."и «10 нужных плагинов...»

    Стоящие уроки!Спасибо!

  • Михаил говорит:

    Доброго дня.

    Спасибо за Вашу работу, не так давно стал пытаться творить на WP и столкнулся с такой задачей.

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

    • admin говорит:

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

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

  • Михаил говорит:

    Приветствую! 

    Спасибо за ответ. Идея закрывать информация в соц. сетях, практично, но интеграция с соц. сетями пока не рассматривается.

    Хотел пояснить смысл задумки. Человек зашел на сайт. У него доступ только на публичную информацию. Зарегился — появляется еще один пункт меню-стат. страница.

    • admin говорит:

      А что делать дальше с зарегистрированными?

      Их список Вам самостоятельно для того, чтобы рассылать сообщения придётся импортировать в сервис рассылок или самостоятельно разбираться с настройками рассылки с сайта.

      Не люблю сложностей и не советую другим. Многие охотно отдадут своё имя и email за хороший бонус.

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

  • Михаил говорит:

    Спасибо, за помощь (консультацию). Возможно тут применять какие-то инструменты, либо писать код с 0. 

    ----

    а Вы с картами яндекс дружите? — необходимо расчетчик расстояний сделать между двумя точками?

  • Юра говорит:

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

    • admin говорит:

      Используйте для этого плагин WP-Clenap

      Только предварительно копию базы сделайте.

  • Владимир говорит:

    Александр. Спасибо давно искал что то подобное, сейчас начну установку меню.

  • Александр,огромнейшее спасибо за уроки...думала не найду того , кто может объяснять по человечески...))) Помогите, пожалуйста , в  выводе анонсов на главную страницу.Может у Вас есть такой урок?

    • admin говорит:

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

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

      См визуальный редактор самого WordPress.

  • я говорит:

    Здравствуйте! На сайте посмотрите sd-ed.ru  выпадающее меню. При наведени на «Услуги» выпадает меню, но оно тут же закрывается когда пытаешся мышкой ниже на ссылки двинуть. В чем дело и как это исправить? Заранее спасибо!

  • ramun говорит:

    вобще красавчек. что-то новое я узнал. спссибо Тебе за урок

  • Елена говорит:

    Сделала.  ВСЕ ТОЧНО ТАКЖЕ.    ничего не изменилось ((((((((((((((((     bizkonsulting.ru/  версия 3.4.2

     

    • admin говорит:

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

  • Elena Engel говорит:

    Здравствуйте Александр, помогите плиз, пыталась настроить себе выпадающее меню через плагин, в результате вся панель управления исчезла, и тем самым доступ к сайту, осталась одна шапка. Благо сайт совсем новый и информации на нем еще никакой нет. Что делать? Я еще совсем чайник в этих делах!

    • admin говорит:

      Если у вас плагин для меню, то просто отключите его, для этого переименуйте или удалите папку с его файлами на хостинге. Скорее всего он не совместим с вашей версией движка или темой. Мой урок это настройка в движке если ваша тема поддерживает меню.

  • Асель говорит:

    Здравствуйте! Спасибо большое за статью...

    вот только возникла проблемка...

    меню отображается не так как я сохраняю в *внешний вид-меню*

    а по порядку страниц...

    что не так? 

     

  • Михаил говорит:

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

    Помогите пожалуйста... что-то не получается.

    Я сразу сделал так, рубрика (к примеру) Искусство, содержит в себе «Музыка», «Художники», «фотографы» и .тп... все работало... но потом почему-то перестало...

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

     

    в чем может быть проблема?

     

  • Саша говорит:

    А как понять, поддерживает ли моя тема такой способ построения меню?

  • Александр говорит:

    Спасибо за статью! А если усложнить задачу? Что имею ввиду. Когда в навигации нажимаем меню — чтобы меню не выпадало -заслоняя полстраницы, а размещалось горизонтально под основным меню? например — как тут zhzh.info

    • admin говорит:

      Как сделан ваш шаблон так и выпадает или выезжает ваше меню. Это зависит от стилей шаблона библиотек прикрепрённых к нему.

  • Павел говорит:

    Спасибо! Так все элементарно оказывается!

  • Саша говорит:

    Скажите, я только изучаю вордпресс. Какким образом можно добиться что бы были созданы такие разделы, как на фото ( рубрики) — не суть важно. Просто во всем интернете нету ни одного(!) толкового ответа как это сделать!

    вот скрин

    http://pixs.ru/showimage/beTRUmanru_2806922_6648681.png

    Если есть где то нормальное описание, то сбросьте ссылку плз.

    • admin говорит:

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

  • Анна говорит:

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

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

    • admin говорит:

      Анна, возможно ваш шаблон не поддерживает настраиваемое меню. Поддерживает шаблон настраиваемое меню или нет, видно в админке меню. Можно так же сделать вложенные, подчинённые страницы, если шаблон не поддерживает настраиваемое меню.

  • Марина Росса говорит:

    Александр, благодарю за нужный урок! Мне как раз нужно сделать такое меню на своем сайте.

  • Дмитрий говорит:

    Спасибо!

  • Вадим говорит:

    Помогите плиззззз на саите http://mygorod.kz выпадающее меню работает в ИЕ а в Мозиле не пашет. что делать???? как исправить???

     

  • Валентина говорит:

    Александр, спасибо за видео всё очень понятно. Три дня сидела в инете, искала подходящее, всё что-то навороченное попадалось, не для новичков. А оказалось так просто сделать выпадающее меню за 5 минут.

  • анна говорит:

    Уже не знаю где ещё искать помощь. Мой шаблон поддерживает выше сказанные функции, я создала всё правильно, но верхнее меню на сайте не функционирует, нажимаю на пункт-ничего не происходит. Где ещё нужно настроить и что

    • admin говорит:

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

  • Сергей говорит:

    Спасибо за урок, оказывается всё просто.

  • Elena говорит:

    Спасибо! Очень помог Ваш урок. Хотела уж было плагин устанавливать (что конечно нежелательно), а решение оказалось таким простым. Спасибо за труд и успехов!!!

  • Виктория говорит:

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

  • Ирина говорит:

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

  • Евгений говорит:

    Здравствуйте, Александр. Делаю всё как в вашем видео, но «выпадание» не работает,  даже тема сайта с поддержкой «выпадания» ( Jasmin). А может какие-нибудь плагины нужны или доп. настройки?

  • MrMRRKapa говорит:

    Прекрасный видео-урок все четко и понятно!!!! Спасибо вам большое!!

  • Ирина говорит:

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

  • Иван говорит:

    Здравствуйте, Александр. Я все сделал так как в видео, но выпадающее меню так и не появилось. Сделал страницу «Рубрики» и вложил в нее несколько рубрик, но при наведении курсора меню не выпадает, а при нажатии открывается страница с названием Рубрики и все. Кстати моя тема поддерживает 2 меню. Что это значит.Я бы хотел второе меню убрать вообще. как это сделать. Спасибо заранее

    • admin говорит:

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

  • Никита говорит:

    Мои благодарности тебе:)

    полезная информация

  • Дмитрий говорит:

    Спасибо, приятно когда можно что то  решить штатными средствами))

  • Надежда говорит:

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

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

Почта (не публикуется) Обязательные поля помечены *

*

Как заработать
новичку в Интернете?

 
 
 

Обучились заработку :
Сделанно с помощью
Smartresponder

Раздвижные Панели для WoprdPress.

Александр Новиков,
автор этого блога.
Автор этого блога Александр Новиков AleksNovikov.Ru

Введите email подпишись:

Подписка на новые видео

Как сделать свой сайт ?

 
 
 
 

Получили курс:

Рекомендую к изучению