Представляем блоки Kadence 3.1

Опубликовано: 2023-08-05

Команда Kadence с гордостью объявляет о выпуске Kadence Blocks 3.1. Это последнее обновление включает наш новый расширенный блок форм, который изменит то, как вы можете использовать и редактировать пользовательские формы в WordPress. Этот выпуск также включает в себя еще один новый блок, некоторые незначительные функции и исправления ошибок. Это обновление дополняет новое обновление Kadence Blocks Pro 2.0, которое включает в себя структурные обновления, улучшения производительности и новые функции. Давайте погрузимся!

Что нового?

Блок расширенной формы

В течение многих лет в Kadence Blocks был базовый блок форм, и эта чистая и простая форма идеально подходила для базовых контактных форм или форм подписки на новостную рассылку. Однако многие пользователи Kadence хотели получить более надежное решение для форм. Выпуск Kadence Blocks 3.1 знаменует собой первую фазу гораздо более продвинутого конструктора форм с новым блоком расширенных форм Kadence. В отличие от предыдущего базового блока формы, этот новый блок хранится как настраиваемый тип записи, поэтому его можно редактировать на странице или в удобной для поиска области форм на административной панели WordPress. Новый блок Kadence Advanced Form был разработан, чтобы быть динамичным и расширяемым с помощью многих часто запрашиваемых функций. К ним относятся:

  • Базовый мастер при создании новых форм с предустановленными стилями.
  • Стили встроенных и плавающих меток.
  • Новые поля ввода, такие как загрузка файла , дата и т. д.
  • Расширенные параметры стиля для флажков и переключателей.
  • Поддержка темного фона.
  • Поддержка reCAPTCHA, hCapcha, Turnstile для предотвращения отправки форм ботами и спамом.
  • Очень востребованная интеграция ConvertKit (функция Pro).

Этот новый расширенный блок форм взволновал всю нашу команду! Это надежная основа для начала создания действительно продвинутых функций форм, которые открывают новые возможности для разработки сайтов WordPress на основе данных, не требующих от владельцев сайтов опыта программирования. С редактором, встроенным непосредственно в редактор блоков WordPress, блок Kadence Advanced Form был разработан для новой эры WordPress.

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

Блок индикатора выполнения

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

Базовый бар 0%
Полукруг 0%
0 из 5

Новые настройки редактирования

Переименование блоков в виде списка

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

Фоновые видео Youtube и Vimeo в блоке макета строки

Теперь вы можете использовать видео Youtube и Vimeo в качестве фонового видео для своих строк.

Padding/Margin покажет унаследованные размеры для планшетов и мобильных устройств

Благодаря членам группы Kadence в Facebook за это предложение теперь вы можете определять унаследованные размеры для планшетов и мобильных устройств. Это крошечное, но заметное изменение в том, как работают наши элементы управления измерениями. Раньше вы не могли видеть, что было установлено для рабочего стола при просмотре/редактировании планшета или мобильного устройства, а теперь унаследованный параметр виден и слегка непрозрачен, что немного упрощает создание контента без необходимости переключать контексты.

Блок раздела теперь имеет настройки вертикального зазора между рядами.

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

Контроллер градиента имеет ввод местоположения для точного размещения

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

Другие важные обновления

  • Обновленный Framework для использования уникального идентификатора сайта для предотвращения конфликтов со стилями.
  • Добавлены метки динамических блоков в представлении списка для блоков Advanced Text и Advanced Button.
  • В блок разделов добавлены настройки Flex Basis.
  • Обновлены имена блоков для облегчения поиска. Перемещено Advanced в (adv).
  • Добавлены опции «Нет подписки» и «Спонсорство» для ссылок в блоке списка значков.
  • Добавлена ​​опция для локальных шрифтов Google, если не используется тема Kadence (опция уже существует в теме Kadence).

Что нового в Kadence Blocks Pro 2.0?

Код переписан, модернизирован и улучшен.

Как и вся работа, которую мы проделали с Kadence Blocks 3.0, Pro-версия Kadence Blocks требовала обновления для рефакторинга Kadence Blocks Pro, чтобы его основная структура была актуальна с WordPress. Этот рефакторинг означает лучшую стабильность и лучшую производительность. Кроме того, теперь у нас гораздо больше возможностей для дальнейших инноваций благодаря новым усовершенствованным блокам и интеграции с искусственным интеллектом. Вот примечательные моменты:

  • Полностью обновлена ​​структура сборки и теперь используются библиотеки компонентов.
  • Обновлена ​​структура блоков React, чтобы они были функциональными и использовали API v2.
  • Переработан способ компиляции и вывода внешнего интерфейса CSS для настройки блоков.
  • Перестроил наш внешний интерфейс Javascript, чтобы не использовать ползунки jQuery.

Наряду со структурой кода мы также обновили настройки блоков во всех блоках Kadence Pro. Теперь вы увидите настройки с вкладками, более унифицированные компоненты, такие как отступы и поля с визуальными изменениями, а также использование переменных размеров вместо статических размеров.

Что дальше для блоков Kadence?

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

  • Каденс ИИ
  • Интеграция Kadence с Pexels
  • Блок повторителя Kadence для полей повторителя ACF и Meta
  • Условные поля в блоке расширенной формы
  • Многошаговый блок расширенной формы
  • Глобальные стили
  • Блок расширенной навигации
  • Расширенный блок заголовка
  • Расширенный блок запроса с расширенной фильтрацией

Стать профессионалом

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

Получить Kadence Blocks Pro Получить комплект Kadence Pro