Переключить меню

Модуль меню теперь находится в бета-версии!

Опубликовано: 2015-08-04

Скидка 25% на продукцию Beaver Builder! Спешите завершить распродажу... Берегите больше!

new-menu-module
  • Бобр-строитель

Модуль меню теперь находится в бета-версии!

Обновление: модуль меню теперь доступен начиная с версии 1.6.2.

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

Расширенные пользовательские меню

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

Несколько макетов меню

Модуль меню поставляется с четырьмя различными вариантами макета вашего меню. Эти варианты включают…

  • Горизонтальный — стандартный горизонтальный макет, аналогичный тому, который присутствует в большинстве тем. Этот макет также поддерживает раскрывающиеся подменю.
  • Вертикальный — вертикальный макет, поддерживающий подменю, всплывающие слева или справа от меню.
  • Аккордеон — вертикальный макет аккордеона, в котором подменю отображаются встроенными при нажатии значка переключателя.
  • Расширенное — макет, похожий на виджет «Пользовательское меню» в том смысле, что элементы меню верхнего уровня и элементы подменю отображаются в формате неупорядоченного списка.

Стиль всего

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

Отлично работает на мобильных устройствах

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

  • Развернутое — меню не будет свернуто, и все пункты меню будут отображаться в виде неупорядоченного списка.
  • Значок гамбургера — меню свернется и появится кнопка переключения значка гамбургера.
  • Значок гамбургера + метка — меню свернется, и появится кнопка переключения значка гамбургера вместе с меткой меню.
  • Кнопка меню — аналогично тому, как работает тема Beaver Builder, эта опция отображает кнопку меню во всю ширину.

Когда это выйдет в свет?

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

Что дальше?

Я рад сообщить, что стандартные и глобальные шаблоны строк/модулей сейчас проходят внутреннее тестирование команды! Если все пойдет хорошо, мы надеемся выпустить частную бета-версию на следующей неделе и публичную бета-версию на следующей неделе. В дополнение к шаблонам строк/модулей мы также начали работу над реализацией нового средства выбора цвета, которое имеет возможность сохранять предустановки цвета, а также ищем решения для добавления поддержки Genesis в Beaver Builder.

Дайте нам знать, что вы думаете!

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

До новых встреч, удачного строительства!

Биография Джастина Бусы

47 комментариев

  1. Бен 3 августа 2015 г. в 17:39

    Очень круто вы все! Хорошая работа.

    Пока пишу это, возился с модулем меню. Все идет нормально! Работает так, как ожидалось.

    Нравится ваш цикл релизов.



    • Джастин Буса 4 августа 2015 г., 8:45

      Спасибо, Бен! Я рад слышать, что тебе это нравится.



  2. Кьетил Августа 4, 2015 в 6:16

    Привет
    Хорошая работа! Постоянно появляются новые функции.
    Просто нужно было опробовать новый бета-модуль меню и задаться вопросом: должно ли оно отображаться в виде списка или раскрывающегося меню? На данный момент я получаю расширенный (многоуровневый) неупорядоченный список – думаю, это не цель…?
    Кроме того, из созданных мной меню можно выбрать только одно.
    Я думал, что это может быть вызвано темой, которую я здесь использую (Bridge – она была немного… чувствительной), но переход на TwentyFifteen ничего не изменил (ну, кроме внешнего вида… ;о)
    Если это звучит странно и вы хотите войти в систему, чтобы посмотреть, скажите мне. И продолжайте в том же духе!
    КДж



    • Джастин Буса 4 августа 2015 г., 8:50

      Привет, Кьетил!

      Спасибо за публикацию! Меню может отображаться по-разному в зависимости от выбранного вами макета. Однако, похоже, здесь может быть проблема. Не могли бы вы опубликовать сообщение на форуме, чтобы мы могли войти и посмотреть?

      Джастин



      • Кьетил Августа 4, 2015 в 9:14

        Сделаю!
        Вот, кстати, забавное меню: http://www.dolcevita.no/demo1/gardasjoen-sykkeltur/
        КДж



        • redsnappertrading 11 апреля 2016 г., 3:50 утра

          Привет, НОВИЧОК, bb builder, отличная работа, можете ли вы рассказать мне, как вам удалось добиться эффекта скольжения страницы по нижнему колонтитулу?



  3. Карлос 4 августа 2015 г., 6:55 утра

    Привет, ребята!

    Это отличное дополнение! Я уже играю с этим. Кажется, я нашел ошибку.

    Я создал меню, которое центрировано. Фон отображается только у пунктов меню. Затем, когда я изменяю размер окна, чтобы увидеть функциональные возможности мобильных устройств, а затем изменяю его размер обратно, появляется ошибка. Меню больше не центральное, а фон занимает всю ширину строки. Я использую Chrome, вот ссылка: http://miracomoes.com/chia/

    Надеюсь, это поможет!



    • Джастин Буса 4 августа 2015 г., 8:52

      Спасибо, Карлос! Это, конечно, ошибка. Мы исправим это до того, как это будет выпущено.



  4. Зеноформ 4 августа 2015 в 12:03

    Как это будет работать, если мы использовали Dynamik Website Builder?



    • Джастин Буса 4 августа 2015 г., 12:08

      Привет, Зеноформ!

      Все должно работать нормально, но если у вас возникнут какие-либо проблемы, сообщите нам об этом на форуме, и мы посмотрим.

      Спасибо,
      Джастин



  5. деканы 4 августа 2015 в 22:59

    Привет, ребята, отличное дополнение к продукту.

    Если я создаю меню-гармошку со всеми элементами уровня 1, имеющими короткие имена, например: MENU1, MENU2, то у элементов уровня 2 будут немного более длинные имена, например; MENU1.1, MENU1.2 и т. д. Вся структура навигации расширяется при выборе элемента уровня 1. Вариант стиля для контроля ширины был бы хорошим вариантом.

    Спасибо, Дин



    • Джастин Буса 5 августа 2015 г., 8:40

      Привет, Дин, можешь сказать мне, какой стиль макета ты используешь?



      • деканы 5 августа 2015 в 23:14

        Привет, Джастин

        Извините, неправильный термин, раскладка аккордеонная

        Вот ссылка на слайд со снимком экрана того, о чем я говорю.

        https://docs.google.com/presentation/d/1t2wbUEvhf4SAWNk3W5ASLZjuEExXpcWOcRYrykTV56o/edit?usp=sharing

        Спасибо, Дин



  6. Джастин Буса 6 августа 2015 г., 9:27

    Спасибо, Дин! Я отправлю отчет об ошибке, и мы исправим это.



  7. Эдвард 7 августа 2015 г. в 0:08

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

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

    http://destinvacationguide.com/testtwo/

    И способ использовать шрифт Google, если это возможно.



    • Джастин Буса 7 августа 2015 г., 8:46

      Спасибо за отчет, Эдуард! Мне не удалось воссоздать проблему с интервалом в 5 пикселей. Может это проблема темы?

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



  8. Эдвард 7 августа 2015 г. в 0:18

    Как мне избавиться от старого верхнего меню, теперь оно постоянно говорит: «Выберите меню», или, если я выберу одно, у меня появятся два верхних меню?
    Спасибо



    • Джастин Буса 7 августа 2015 г., 8:50

      Для этого вам нужно скрыть заголовок в Настройщике, установив для параметра «Заголовок» > «Макет заголовка» значение «Нет».



  9. Эдвард 7 августа 2015 г. в 0:32

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



    • Джастин Буса 7 августа 2015 г., 8:52

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



  10. Кьетил 7 августа 2015 г., 7:44

    Привет
    Что касается селектора меню (в модуле меню): ранее я упоминал, что селектор не работает. Ну, это так. Я сделал два меню и появилось только одно, но почему-то все содержимое второго меню пропало. Итак: Вы не можете выбирать пустые меню, и я думаю, это нормально…
    Просто хотел, чтобы вы знали :о)
    Кьетил



    • Джастин Буса 7 августа 2015 г., 8:53

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



  11. Ignitermr 8 августа 2015 в 10:40

    потрясающий. Пока вы работаете над меню, не могли бы вы рассмотреть возможность добавления настройки для управления альфа-каналом, чтобы заголовки меню могли быть прозрачными (не уверен, правильно ли я говорю, вы понимаете, что я имею в виду?). Я хотел бы сделать навигацию заголовков прозрачной. Это в разработке? Спасибо.



    • Джастин Буса 10 августа 2015 г., 9:29

      Спасибо за отзыв! Хотя я еще не совсем уверен, что следую за вами. Вы просите, чтобы текст имел настройку непрозрачности или фон для меню?



      • Брайанплант 10 августа 2015 г., 11:19

        Фон навигации для меню, чтобы изображение было видно. Вот так: http://screencast.com/t/2zZJEjPqmMpl



        • Джастин Буса 10 августа 2015 г. в 11:53

          Спасибо, Брайан! Мы посмотрим, как это реализовать.



  12. Наталья Брандт 11 августа 2015 в 15:44

    было бы неплохо, если бы была возможность выбирать, какой уровень меню показывать. Например, если я хочу отображать только подменю (страницы 2-го уровня), будет ли у меня такая опция?



    • Робби Маккалоу 11 августа 2015 г., 15:58

      Привет Наталья. Спасибо за предложение. Я не уверен, стоит ли включать это в плагин. Однако не стесняйтесь добавлять его как запрос на функцию:

      https://wpbeaverbuilder.uservoice.com/forums/270594-general

      Кроме того, вы можете поэкспериментировать с созданием двух меню в области администрирования WordPress. Один для навигации верхнего уровня и один для второго уровня. Затем вы можете использовать меню второго уровня на своих страницах. Думаете, это может сработать?



      • Наталья Брандт 25 августа 2015 в 12:19

        Я пользуюсь Генезисом. Интересно, будет ли то, что вы предлагаете, работать с подстраницами Genesis в качестве плагина вторичного меню? Идея состоит в том, чтобы динамически генерировать вторичное меню для отображения дочерних страниц.



  13. Дэвид 17 августа 2015 г. в 16:08

    ПОТРЯСАЮЩИЙ! я играю с бета-версией, и шаблоны строк/модулей — это именно то, что я искал в своем текущем проекте

    С наилучшими пожеланиями!
    Дэйвид



    • Джастин Буса 17 августа 2015 г., 17:12

      Приятно это слышать, Дэвид! Дайте нам знать, если у вас есть какие-либо отзывы.



  14. м33 21 августа 2015 г. в 17:02

    Я что-то упускаю? Я не вижу модуль меню нигде в своих загрузках под своей учетной записью. Я даже попробовал последнюю бета-версию для агентств и вообще не вижу этого модуля в конструкторе страниц.



    • Джастин Буса 24 августа 2015 г., 10:39

      Модуль меню был выпущен на прошлой неделе. Вы уже обновились до 1.6.2?



      • м33 24 августа 2015 г. в 11:14

        У меня 1.6.3 (бета) и вообще его не вижу. выбор просто переходит от «карт» к «сообщениям». Я предполагаю, что это было бы показано после модуля карт.



        • Джастин Буса 24 августа 2015 г., 11:43

          Можете ли вы опубликовать сообщение на форуме, чтобы мы могли войти и посмотреть?



  15. Ник 25 августа 2015 г. в 20:13

    Привет! Отличное дополнение. Однако можете ли вы добавить возможность включения адаптивного бургер-меню для рабочего стола/всех экранов? Распространенный запрос на дизайн в наши дни!
    Спасибо



    • Джастин Буса 26 августа 2015 г., 8:30

      Спасибо, Ник! Это интересное предложение. Не стесняйтесь добавлять его на нашу страницу UserVoice, чтобы у нас была запись для будущих обновлений… https://wpbeaverbuilder.uservoice.com/forums/270594-general



  16. Билл Русу 14 октября 2015 г. в 12:55

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



    • Робби Маккалоу 14 октября 2015 г., 14:03

      Привет, Билл. Не сейчас. Это функция, которую мы хотели бы иметь когда-нибудь, но она все еще находится на стадии идеи.

      Технически это можно сделать с помощью обходного пути, используя плагин под названием Insert Pages. Хотя это довольно продвинутая техника. По сути, вы создаете страницу для своего меню, а затем можете использовать плагин Insert Pages, чтобы включить меню/страницу в ваши шаблоны PHP.

      Если хотите, напишите нам электронное письмо со страницы контактов. Я с удовольствием расскажу подробнее, если вы еще не напуганы.



  17. Ричард 25 ноября 2015 г., 5:14 утра

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

    1. Показать страницу при нажатии
    2. Не показывать страницу, а только расширять уровень.

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

    Еще одним приятным вариантом было бы автоматическое расширение аккордеонного меню на основе текущей страницы.



  18. Джон 20 июня 2016 г. в 12:25

    Привет,
    Работаю с модулем меню. Кажется, я не могу заставить его охватить всю ширину моего макета. Когда я устанавливаю для параметра «Общий макет» значение «Горизонтально», а для параметра «Выравнивание стиля-меню» — значение «По центру», меню располагается в середине макета, но ширина полосы меню (цветной) охватывает только текст. Если я установлю для выравнивания меню значение по умолчанию, строка меню расширится на всю ширину, но текст будет выровнен по левому краю. Можете ли вы помочь?
    Спасибо, Джон



  19. Барри 23 сентября 2016 г. в 11:43

    Модуль отличный, но кто-нибудь знает, почему я получаю это, используя модуль меню вместо заголовка страницы? : #26 (без названия)



    • Джастин Буса 23 сентября 2016 г. в 17:38

      Привет, Барри, не мог бы ты купить билет, чтобы мы могли посмотреть? Спасибо!



  20. robhall007 1 ноября 2016 г., 8:14

    Для модуля меню... Есть ли способ сделать выпадающее меню плавным и плавным? Это только кажется. Я хотел бы соскользнуть вниз или исчезнуть. Есть ли способ добиться этого?



    • Робби Маккалоу 1 ноября 2016 г., 10:01

      Привет, Роб. Вероятно, это было бы возможно с помощью переходов CSS. Я бы начал проводить там исследования. Мы также учтем это как потенциальную функцию! Спасибо за комментарий.



  21. Люк 6 ноября 2016 г. в 15:54

    есть ли способ сменить иконку с гамбургера? и есть ли способ изменить надпись с «меню» на что-то вроде «еще»

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



    • Робби Маккалоу 8 ноября 2016 г., 9:27

      Эй, Люк! Вы можете переопределить любой из основных модулей и настроить их по своему вкусу. В этой статье есть дополнительная информация об этом:

      http://kb.wpbeaverbuilder.com/article/124-custom-module-developer-guide



Наш информационный бюллетень

Наш информационный бюллетень пишется лично и рассылается примерно раз в месяц. Это ни в малейшей степени не раздражает и не является спамом.
Мы обещаем.

Подпишитесь на информационный бюллетень

Попробуйте Beaver Builder сегодня

Beaver Builder