В своем последнем выпуске Elementor 3.16 представлено несколько примечательных улучшений для веб-разработчиков и владельцев сайтов. По умолчанию контейнеры Flexbox теперь активируются на всех новых веб-сайтах, что значительно повышает производительность и гибкость дизайна. В этом обновлении также представлен улучшенный элемент управления «Зазор между элементами», предоставляющий пользователям еще большую гибкость при работе с контейнерами Flexbox.
Одним из ключевых улучшений в этой версии является четкое различие между виджетами Flexbox и Grid-контейнера на панели виджетов. Результатом такой дифференциации являются отдельные виджеты для каждого типа контейнера, что упрощает процесс проектирования и повышает общее удобство использования.
Кроме того, посетители сайта выиграют от заметно более быстрого времени загрузки благодаря оптимизации показателей времени до первого байта (TTFB). В этом обновлении также уделяется большое внимание специальным возможностям, обеспечивая более инклюзивный опыт для пользователей, которые полагаются на программы чтения с экрана и другие вспомогательные технологии.
Примечательно, что виджеты меню и вкладок претерпели существенные обновления инфраструктуры, что создает основу для реализации расширенных функций в будущих выпусках. В совокупности эти улучшения делают Elementor 3.16 ценным обновлением как для новых, так и для существующих веб-сайтов.
Создавайте потрясающие сайты
С лучшим бесплатным конструктором страниц Elementor
Начать сейчасОткрывая максимальную свободу дизайна: использование контейнеров Flexbox для новых веб-сайтов
Контейнеры Flexbox оправдывают свое название, предлагая замечательную степень гибкости. Они предоставляют дизайнерам возможность создавать веб-сайты, которые не только идеальны с точки зрения пикселя, но также высокопроизводительны и отзывчивы. Благодаря параметрам точного позиционирования контейнеры Flexbox упрощают задачу упорядочивания и распределения элементов внутри контейнера, что упрощает создание гибких макетов. Возьмем, к примеру, возможность размещать виджеты редактора заголовков, изображений и текста в одном контейнере. Что еще более впечатляет, так это возможность устанавливать отдельные направления гибкости для экранов разных размеров, что позволяет плавно менять порядок элементов в зависимости от устройства.
Кроме того, контейнеры Flexbox оснащены поддержкой вложенных виджетов, что позволяет размещать виджеты в областях содержимого карусели, меню, вкладок и виджетов-аккордеона. Рассмотрите возможность использования виджета «Аккордеон» для создания сложных макетов, включающих контактную форму в одном элементе и виджет Google Maps в другом.
Важным событием в этом отношении является то, что начиная с этой версии контейнеры Flexbox будут автоматически включаться для всех новых веб-сайтов. Это изменение не повлияет на существующие сайты, созданные с использованием разделов и столбцов, которые можно продолжать использовать. Однако настоятельно рекомендуется использовать контейнеры, чтобы в полной мере воспользоваться новыми возможностями проектирования. Если вы приступаете к созданию нового веб-сайта и намерены использовать разделы и столбцы, у вас есть возможность деактивировать функцию Flexbox Container, хотя это означает потерю доступа к функциям и виджетам со вложенными возможностями.
Активация контейнеров Flexbox также открывает доступ к комплектам и шаблонам на основе контейнеров, включая популярные комплекты на основе разделов, адаптированные к контейнерам, а также совершенно новые варианты дизайна. И наоборот, если вы предпочитаете использовать наборы и шаблоны на основе разделов, просто отключите функцию Flexbox Container.
Улучшенный контроль зазоров
В последнем обновлении разработчики упростили пользовательский интерфейс, упростив терминологию. Элемент управления, ранее известный как «Зазор между элементами», теперь называется просто «Зазор». Это изменение облегчает пользователям понимание его цели. Более того, произошло заметное улучшение способа регулировки зазора между элементами внутри контейнеров.
Раньше эту работу выполнял один элемент управления диапазоном, но теперь вы найдете два отдельных ввода чисел — один для горизонтальных промежутков, а другой — для вертикальных. Это изменение открывает мир точности, поскольку вы можете с предельной точностью настроить расположение каждого элемента. Прошли времена единых различий; теперь у вас есть возможность устанавливать разные значения для горизонтальных и вертикальных зазоров, доводя свой дизайн до совершенства.
Еще одна интересная функция — возможность настраивать единицы измерения этих пробелов. Предпочитаете ли вы пиксели, проценты, EM, REM или VW, у вас есть возможность установить зазоры в соответствии с вашими требованиями к дизайну. Все дело в том, чтобы предоставить вам творческую свободу и контроль, необходимые для того, чтобы ваши проекты выделялись среди других.
Виджет Grid-контейнера
В сфере веб-дизайна и управления макетами Grid-контейнеры представляют собой мощный инструмент, предлагающий средства для создания сложных многоэлементных композиций в едином сетчатом корпусе. В последней версии представлено усовершенствование, которое дает Grid-контейнерам возможность присутствовать на панели виджетов. Эта новообретенная интеграция предоставляет пользователям удобство прямого доступа к Grid-контейнерам, устраняя необходимость прибегать к более запутанному процессу перетаскивания Flexbox-контейнера и последующего изменения его типа.
Рабочий процесс был оптимизирован для удобства пользователей. Когда пользователь вставляет Flexbox-контейнер в редактор, система плавно создает его экземпляр как таковой, в то время как введение Grid-контейнера сопровождается немедленным проявлением макета сетки. Тем не менее, важно отметить, что эта гибкость выходит за рамки простого первоначального выбора. Пользователи сохраняют возможность конвертировать любой тип контейнера в альтернативный через раскрывающееся меню «Макет контейнера» в разделе «Макет». Такая адаптивность гарантирует дизайнерам творческую свободу в точной адаптации макетов к своим спецификациям.
Более быстрое ускорение с TTFB
Последнее обновление популярного конструктора страниц WordPress Elementor обещает существенное улучшение времени загрузки сайта. Версия 3.16, выпущенная в четверг, 21 сентября 2023 г., увеличивает время до первого байта (TTFB) на 5–20% для сайтов, использующих бесплатное Elementor Core, и до 40% для сайтов, использующих Elementor Pro, в зависимости от сложности страницы. . Это обновление обеспечит более быструю и плавную работу посетителей сайта, предоставляя контент быстрее, чем когда-либо прежде.
Значительное повышение производительности интерфейса было достигнуто за счет изменения условий отображения в редакторе Elementor. Эти изменения в том, как Elementor отображает контент в интерфейсе редактора, приводят к расширению TTFB, который является ключевым показателем для измерения того, насколько быстро сайт отправляет первый байт данных пользователям. Оптимизируя свой редактор, Elementor позволяет сайтам быстрее доставлять контент, сохраняя при этом все богатые функциональные возможности дизайна, которые сделали конструктор таким популярным.
Улучшенная доступность
Последняя версия популярного конструктора страниц WordPress Elementor содержит несколько заметных улучшений доступности и инклюзивности веб-сайтов. Согласно объявлению, сделанному в четверг, 21 сентября 2023 г., версия 3.16 упрощает доступ к содержимому сайта посетителям, использующим программы чтения с экрана и другие вспомогательные технологии.
Например, усовершенствования были внесены в такие виджеты, как Icon Box и Image Box, которые содержат несколько элементов и ссылок. Теперь, когда программа чтения с экрана сканирует эти виджеты, она будет читать каждую уникальную ссылку только один раз, а не повторять одни и те же ссылки повторно. Это обновление предотвращает трату времени пользователей программ чтения с экрана на дублирование информации.
Виджет сообщений также получил обновление для обеспечения доступности. Программы чтения с экрана теперь будут фокусироваться исключительно на заголовках сообщений в этом виджете, игнорируя любой ненужный дополнительный контент, такой как призывы к действию «Читать дальше» и замещающий текст избранных изображений. Такая оптимизация процесса чтения повышает доступность сайта для посетителей с нарушениями зрения, просматривающих сообщения с помощью вспомогательных технологий.
В целом, эти продуманные улучшения Elementor позволяют создателям создавать веб-сайты, которые будут более инклюзивными и приятными для всех пользователей, независимо от их способностей. Эти улучшения помогают обеспечить эффективную и действенную доставку контента сайта посетителям, которые полагаются на программы чтения с экрана и другие вспомогательные технологии.
Обновленные виджеты меню и вкладок
Последняя версия Elementor включает в себя внутренние улучшения инфраструктуры, обеспечивающей работу виджетов «Меню» и «Вкладки». Согласно объявлению, сделанному в четверг, 21 сентября 2023 г., версия 3.16 обновляет эти виджеты для создания единого кода для пунктов меню и заголовков вкладок для всех размеров экрана.
Это обновление устраняет дублирование кода, которое могло возникнуть при применении адаптивных настроек к этим виджетам в предыдущих версиях. Консолидация внутренней кодовой базы также открывает путь к реализации расширенных функций для этих виджетов в будущем.
Помимо улучшений кодирования, виджеты «Меню» и «Вкладки» в целом стали более доступными. Однако унификация кода заголовка потенциально может нарушить существующие конструкции виджетов, если в прошлом к заголовкам применялся собственный CSS.
Улучшения этих часто используемых виджетов демонстрируют стремление Elementor поддерживать свои основные виджеты в актуальном состоянии. Хотя изменения могут потребовать от разработчиков перепроверки пользовательского CSS, они закладывают основу для лучшего реагирования и доступности в будущем. Для большинства пользователей обновления должны быть плавными и приводить к улучшению работы на экранах любого размера.
Подведение итогов
В целом, эта последняя версия представляет собой значительный прогресс в создании более быстрых, более отзывчивых и доступных веб-сайтов. Поскольку Elementor продолжает совершенствовать свои основные функции, разработчикам следует рассмотреть возможность обновления, чтобы раскрыть потенциал контейнеров, повысить производительность и улучшить доступность. Изучение этих передовых дополнений к популярному конструктору страниц может помочь сайтам оставаться на переднем крае дизайна, обеспечивая при этом отличные впечатления для всех посетителей.