Web5X Блог

Блог о создании сайта, конструкторе сайтов

Web5X Блог

Блог о создании сайта, конструкторе сайтов

Поиск по блогу

Bricks 1.10 — улучшения и оптимизация

Обновлено: 09.08.2024
3 комментариев

Если кратко, то элемент Код теперь работает отдельно с разным кодом, т.е php, css и js. Так же улучшен менеджер шаблонов. Ну и лайтбокс наконец то стал, таким который желали многие пользователи.

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

Элемент кода: Индивидуальные элементы управления кодом

Теперь есть отдельные элементы управления HTML/PHP, CSS и JavaScript. Это не только позволяет лучше организовать свой код, но и добавляет следующую функциональность:

  • Автоматически закрывающиеся скобки
  • Автоматически закрывающиеся HTML-теги
  • Подсветка синтаксиса ошибок (PHP, JavaScript)
  • Vim (включить в: Bricks > Настройки > Builder > Управление кодом: Vim)
  • При этом сохраняется 100% обратная совместимость с существующими элементами кода.

Лучшее управление шаблонами

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

Включите эту функцию в разделе Bricks > Настройки > Шаблоны > Мои шаблоны > Скриншоты шаблонов. Избранные изображения предшествуют скриншотам шаблонов.

Для более удобной работы с шаблонами в области администрирования вы также можете включить Template thumbnail column параметр в разделе Bricks > Settings > Templates.

В конструкторе теперь можно просматривать шаблоны в виде сетки (каменной кладки) или списка.

Показать измененные настройки элемента и класса

Еще один пункт дорожной карты, который выполнен в Bricks 1.10, — это возможность фильтровать настройки элементов, чтобы просматривать только измененные настройки элементов и классов. Поиск элементов теперь постоянно виден и находится в нижней части панели элементов рядом с «переключателем измененных настроек».

Динамические данные: текст и резервное изображение

Теперь можно устанавливать динамические текстовые и графические резервные данные с помощью новых динамических фильтров @fallbackи @fallback-image .

Синтаксис резервного текста динамических данных:
{acf_text @fallback:'Тут резервный текст …'}

Синтаксис резервного изображения динамических данных с использованием идентификатора изображения:
{acf_image @fallback-image:123}

Синтаксис резервного изображения динамических данных с использованием URL-адреса изображения:
{acf_image @fallback-image:'https://bricksbuilder.io/fallback-image.png'}

Лучшие лайтбоксы

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

Еще больше интересных моментов:

  • Всплывающие окна: поддерживают настройку «Заполнить содержимое»
  • Конструктор: добавление пользовательских атрибутов HTML на холст (из фильтров и настроек элементов Bricks)
  • Конструктор: новая кнопка «Копировать: идентификатор кирпича» в буфер обмена на панели элементов и в контекстном меню
  • WooCommerce: новые элементы управления циклом запросов (Распродажа, Избранное, Скрыть отсутствие на складе, Дополнительные продажи, Перекрестные продажи)
  • Настройки страницы: поддержка контрольной точки «Пользовательский CSS»
  • Стили темы: Настройка стилей для ссылок
  • Условия элемента: Новые операторы сравнения: пусто, не пусто (для динамических данных)
  • Элемент «Время чтения»: поддержка циклов запросов
Остались вопросы?
Листай ниже или клик по ссылке выше. Там можно задать вопрос или почитать комментарии других.
Написать комментарий

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

  • Есть проблема с кодом в Bricks Builder, но далекая от всех этих прихорашиваний. Работаю за небольшим экраном 17 дюймов, и на то есть важные причины. Увеличить экран не представляется возможным. Так вот, код CSS и примерно половина нижних вкладок внутри редактора просто не влезают в экран. Даже при максимальном уменьшении разрешения и сворачивании, работать с этим невозможно. Предполагаю, большинство работает за 30 дюймовыми экранами, и проблема их не касается. Для меня главным улучшением стал бы легкий доступ ко всем вкладкам на малом экране.

    • A

      Да, я тоже с этим сталкиваюсь (когда в разъездах с ноутом), но товарищ сделал мне плагин который добавляет удобства на маленьких экранах. Вернусь с отпуска на след неделе, отправлю на емайл плагин . Если забуду, то напомните. Но если делаете много сайтов на постоянку, то посмотрите на https://advancedthemer.com/ Там много чего есть и нужного и ненужного, но многим нравится.

      • Надо же, собственного изготовления плагин под мелкий экран! Спасибо за такое предложение, присылайте gzassh@yandex.ru . Я поставил похожее что-то на advancedtemer, называется AutomaticCSS или ACSS от Кевина Гири. Это очень способный и известный человек в теме Bricks, но объяснения его для меня сложны. Не доволен этим CSS — фреймворком, кривая обучения с ним для меня точно не плавная. Посмотрю по вашей ссылке, возможно этот проще в обучении.

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