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

Beaver Builder 1.9 Shasta – Столбцы в столбцах, улучшенные настройки отзывчивости и многое другое!

Опубликовано: 2016-11-23

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

bb-1-9-shasta
  • Бобр-строитель

Beaver Builder 1.9 Shasta – Столбцы в столбцах, улучшенные настройки отзывчивости и многое другое!

Beaver Builder 1.9 уже доступен! В этом посте рассматриваются изменения высокого уровня. Для получения всех подробностей обязательно ознакомьтесь с журналами изменений Beaver Builder.

Мы рады объявить о выходе Beaver Builder 1.9, Shasta, созданного на основе великолепной плотины Шаста в нашем родном штате Калифорния. Шаста добавляет в Beaver Builder наиболее востребованную функцию №1: столбцы в столбцах (CinC). Вместе с CinC мы представляем обновленный редактор с более точным перетаскиванием, возможностью перетаскивания и перестановки столбцов, адаптивными настройками полей и отступов, новыми шаблонами и многим другим!

1.9 Превью-видео Шаста

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

Если вам нравятся видео, обязательно посмотрите превью Shasta от Мэтта Медериоса (вы знаете, парня, который ведет подкаст Matt Report). Мэтт очень умный человек и имеет большой опыт работы в сфере строительства благодаря своему продукту Conductor. У него уникальная точка зрения, подкрепленная огромным опытом.

Знакомство с родительскими и дочерними столбцами

Если вам интересно, что на самом деле означает «столбцы в столбцах», не волнуйтесь. Без наглядного примера сложно разобраться.

cinc2

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

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

Перетаскиваемые столбцы

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

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

cinc-settings2

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

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

После того, как вы какое-то время поработаете с @BeaverBuilder 1.9, возвращение к поведению версии 1.8 будет очень неприятным. Поделиться на X

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

Новые шаблоны страниц контента

новые шаблоны контента

В Gordon (v1.8) мы представили несколько новых шаблонов целевых страниц . В Shasta мы уделяем немного внимания шаблонам страниц с контентом. Целевые страницы — это, по-видимому, первая страница, которую видит посетитель, когда попадает на ваш сайт (например, домашние страницы). Страницы контента — это внутренние страницы сайта, такие как страница «О нас», «Контакты» или «Цены».

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

Адаптивные поля, отступы и границы

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

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

Большая часть кода для этой функции была предоставлена ​​внешними источниками. Огромное спасибо Джесси и Оливеру за помощь! Мы всегда рады получать запросы на включение кодовой базы Beaver Builder. Если вы заинтересованы в участии, пожалуйста, напишите нам по электронной почте.

Открытие лайтбокса с помощью кнопки

И последнее, но не менее важное: мы добавляем возможность создавать всплывающее окно лайтбокса с помощью кнопки. В модуле кнопок появился новый параметр «Действие по клику» , который добавляет опцию лайтбокса вместе с возможностью открытия URL-адреса. Вы сможете добавить собственный текст, HTML (включая короткие коды) или видео, и этот контент будет автоматически отображаться в лайтбоксе при нажатии кнопки. Довольно мило!

Вы можете прочитать больше о функции лайтбокса и обо всех новых функциях Shasta в нашей статье в базе знаний. Чтобы узнать об исправлениях ошибок и небольших улучшениях, просмотрите журналы изменений.

Хорошо! Я думаю, на этом все.

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

Биография Робби Маккалоу

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

  1. Андреа Арден 22 ноября 2016 г. в 12:39

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



    • Робби Маккалоу 7 декабря 2016 г., 9:16

      Спасибо, Андреа!



  2. Павел 22 ноября 2016 г. в 15:35

    Я понимаю, что эта версия позволит запускать код для внедрения YouTube в лайтбоксе после нажатия кнопки. Недавно я работал с Gtmetrix.com, и они сказали, что обработка видео таким способом, когда код внедрения не загружается до тех пор, пока пользователь не взаимодействует с ним, может значительно повысить скорость страницы. Можете ли вы подтвердить, что ваша новая функция лайтбокса поддерживает эту функцию в версии 1.9? Кроме того, планируется ли, чтобы титульный слайд видео вместе с наложенной кнопкой воспроизведения отображался в виде изображения, а не кнопки, чтобы оно выглядело как встроенное видео?



    • Робби Маккалоу 7 декабря 2016 г., 19:16

      Привет, Пол. Это хороший вопрос. Разметка включается в первоначальную загрузку страницы, т.е. она не загружается через ajax. Я предполагаю, что видео начинает буферизоваться только после отображения, но я не уверен в этом на 100%.

      У нас нет никаких планов реализовать титульный слайд, как вы упомянули, но это хорошая идея. Мы будем иметь это в виду. Все наши модули по умолчанию можно переопределить и настроить. Если вам довелось работать над чем-то подобным, сообщите нам, и, возможно, мы сможем использовать ваш код?



  3. Дэн 23 ноября 2016 г. в 13:43

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

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

    Но вот здесь я вижу, что эта функция действительно становится полезной. Используйте его со столбцами, и особенно со столбцами внутри столбцов!

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

    Вот пример:

    В некоторых случаях мне хотелось бы иметь 6 столбцов на рабочем столе, которые превращаются в 3 столбца на планшете, а затем в 2 столбца на телефоне. Обычно он переходит от 6 столбцов к 1 столбцу, что, очевидно, не идеально во всех ситуациях.

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

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

    Мне придется проверить это и сделать официальный запрос на добавление функции. Спасибо!



    • Робби Маккалоу 7 декабря 2016 г., 19:17

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



  4. Дэвид 23 ноября 2016 г. в 23:47

    Отличная вещь! Одна из функций, которую мне хотелось бы иметь, — это поле CSS в модуле или столбце, когда мне нужно быстро добавить что-то простое, но не поддерживаемое в интерфейсе стиля, например тень текста, когда я использую заголовок поверх фоновой области и заголовок нелегко различить. Я использую text-shadow и несколько других вещей, чтобы заголовок или текст выделялись на фоне полноразмерного изображения. Я знаю, что вы можете добавить CSS макета вверху, но это просто идея для простоты доступа, позволяющая отправлять быстрый код CSS из всплывающего интерфейса модуля/столбца.

    Ваше здоровье



    • Робби Маккалоу 7 декабря 2016 г., 19:20

      Привет, Дэвид. Спасибо за предложение. Я думаю, что лучше всего было бы присвоить элементу класс или идентификатор и сохранить CSS как можно более центральным. Это не лучшая практика, но я создал «вспомогательные классы», такие как .text-shadow, в своем CSS-файле, а затем поместил этот класс в заголовки/и т. д. где мне нужно было добавить тень. Это может сработать для тебя?



  5. Мелани Ричардс 25 ноября 2016 г. в 21:49

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

    Так лайтбокс открывается только с кнопки? Может ли запускаться по ссылке на изображение? О, как это было бы мило!



  6. Пит 1 декабря 2016 г. в 15:21

    Ух ты! Beaver Builder становится все лучше и лучше! Спасибо всей команде Beaver Builder за эти улучшения. Я только начинаю работу над двумя совершенно новыми клиентскими веб-сайтами, и Beaver Builder работает на обоих!



    • Робби Маккалоу 7 декабря 2016 г., 19:21

      Спасибо, Пит! Рад слышать. Мы ценим поддержку!!



  7. Оливер 7 декабря 2016 г., 2:41

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

    Я хотел бы спросить, есть ли у вас расчетное время прибытия для версии Beaver Builder 1.9 Lite? Я хотел бы обновить демонстрационный контент моих тем, используя новую функцию адаптивного интервала.

    Спасибо!



    • Робби Маккалоу 7 декабря 2016 г., 19:19

      Привет, Оливер. Приятно слышать от вас и спасибо, прямо в ответ!

      Я считаю, что Джастин обычно выпускает обновление репозитория через несколько дней/недель после запуска обновлений премиум-версии. Возможно, вы захотите отправить ему запрос на подтверждение в Slack, но ожидайте, что оно появится довольно скоро.



      • webmandesign 9 декабря 2016 г., 4:47

        Прохладный. Спасибо за ответ, Робби!



  8. Дэвид 12 декабря 2016 г. в 3:58 утра

    Эта новая версия вышла? Я не вижу уведомления об обновлении в своих плагинах!



    • Робби Маккалоу 12 декабря 2016 г., 8:54

      Привет, Дэвид. Он недоступен для премиум-версий, но не для облегченной версии. Это должно выйти очень скоро.

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



      • Анжела 13 декабря 2016 г. в 14:46

        Робби,

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



        • Робби Маккалоу 13 декабря 2016 г., 21:28

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

          (и извините за беспокойство)



  9. Джесси Проффитт 14 декабря 2016 г. в 16:07

    Это замечательное обновление, и спасибо за упоминание!

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

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

    Я по-прежнему очень рад, что мы выбрали эту платформу для создания наших сайтов.



    • Робби Маккалоу 18 декабря 2016 г., 11:37

      Привет, Джесси! Еще раз спасибо за помощь.

      Мне нравится идея глобальных столбцов/боковой панели! Мы обязательно будем иметь это в виду. На 2017 год у нас тоже есть кое-что интересное…



  10. Марит 22 декабря 2016 в 4:46 утра

    Это здорово, спасибо вам большое!

    К сожалению: первая ссылка в тексте (Открыть лайтбокс с помощью кнопки) выдает не найденную страницу.



    • Робби Маккалоу 22 декабря 2016 г., 10:31

      Ах! Спасибо за внимание! Теперь все исправлено.



  11. Жасмин 28 декабря 2016 в 12:13

    Это так круто!!!!



  12. Анил Джадхав 28 декабря 2016 г. в 20:51

    Спасибо всей команде Beaver Builder за эти улучшения.



  13. Анжанетт 20 января 2017 г. в 14:20

    Новые столбцы внутри столбцов просто фантастические. Будете ли вы в ближайшее время добавлять возможность дублировать родительский столбец и все его содержимое (или сохранять их как модуль)? Это действительно сделало бы эту функцию особенно полезной. Спасибо!



    • Робби Маккалоу 23 января 2017 г., 15:23

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



  14. Кайван Доши 22 сентября 2017 в 3:31

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



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

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

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

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

Beaver Builder