Elementor 3.16 – более высокая производительность, гибкий дизайн и доступность

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

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

Максимальная гибкость дизайна — контейнеры Flexbox активируются на новых веб-сайтах

В соответствии со своим названием, контейнеры Flexbox чрезвычайно гибки и позволяют создавать высокопроизводительные и отзывчивые веб-сайты с точностью до пикселя. Они предлагают более точные настройки позиционирования, позволяя эффективно выравнивать и распределять элементы внутри контейнера для создания гибких макетов. Например, вы можете поместить виджеты заголовка, изображения и текстового редактора в один контейнер. Затем вы можете установить разное направление гибкости для каждого размера экрана. Это дает вам возможность расположить элементы в разном порядке в зависимости от устройства.

Более того, контейнеры Flexbox поддерживают вложенные виджеты, что означает, что вы можете размещать виджеты в областях содержимого карусели, меню, вкладок и виджетов-аккордеона. Например, вы можете использовать виджет «Аккордеон» для создания сложного макета, включающего контактную форму в одном элементе и виджет Google Maps в другом.

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

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

Помните о разрыве между элементами — улучшенный контроль зазора

Элемент управления «Зазор между элементами» переименован в «Зазор». Единый элемент управления диапазоном для установки промежутка между элементами внутри контейнеров был заменен двумя числовыми вводами для горизонтальных и вертикальных промежутков. Это позволяет вам устанавливать разные значения горизонтальных и вертикальных зазоров, обеспечивая точное позиционирование каждого элемента. Зазоры можно устанавливать отдельно или связывать вместе. Кроме того, промежутки могут быть установлены в соответствии с различными единицами измерения, такими как пиксели, проценты, EM, REM и VW.

Представляем виджет Grid-контейнера

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

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

Ускорьте свой сайт с помощью более быстрого TTFB

Версия 3.16 сокращает время загрузки первого байта (TTFB) на 5–20 % на сайтах, созданных с помощью Elementor Core, и до 40 % на сайтах, созданных с помощью Elementor Pro, в зависимости от сложности вашей страницы. Это обеспечит вашим посетителям более быструю и плавную работу, а ваш контент будет доставляться быстрее, чем когда-либо. Значительное улучшение производительности интерфейса было достигнуто за счет изменения условий отображения в редакторе. Эти изменения улучшают время до первого байта (TTFB), ключевой показатель для измерения времени установки соединения и скорости реагирования веб-сервера.

Улучшения специальных возможностей

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

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

Обновление виджетов меню и вкладок

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

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

Оптимизируйте совместную работу с помощью заметок на верхней панели.

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

Сделайте свои сайты быстрее, гибче и доступнее

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

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

Чтобы изучить эти новые функции, обновите Elementor до версии 3.16 и сообщите нам, как вы планируете использовать их на своем веб-сайте.