5 новых функций в Elementor, которые пользователи должны знать и использовать

Elementor, компания-разработчик программного обеспечения, признанная одним из самых многообещающих израильских стартапов в 2019 году, известна своим конструктором веб-сайтов, который упрощает пользователям WordPress создание профессиональных веб-сайтов. Конструктор сайтов WordPress уже собрал более 5 миллионов активных установок. Его плагин с высоким рейтингом 4,7 звезды является одним из самых популярных на WordPress.org.

За последние годы Elementor претерпел изменения, чтобы улучшить свои функции и улучшить взаимодействие с пользователем. Особого внимания заслуживают новые функции, которые Elementor добавила в 2021 году, поскольку они отвечают на то, о чем требовали пользователи, и что может значительно улучшить то, как веб-создатели создают свое присутствие в Интернете.

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

Полные комплекты веб-сайтов

Представленная в выпуске Elementor версии 3.3 функция полных наборов веб-сайтов позволяет упаковать весь веб-сайт в единый набор, который можно многократно повторно использовать при создании новых, но похожих веб-сайтов.

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

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

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

Библиотека наборов

Как уже упоминалось, введение полной функции веб-сайта в версии 3.3 дополняется библиотекой Elementor Kits Library. Он предоставляет полные компоненты сайта и атрибуты, из которых могут выбирать веб-создатели, поэтому им не нужно начинать с нуля, чтобы завершить проект с коротким оборотом.

Библиотека наборов помогает тем, кто не привык использовать WordPress, создавать профессионально выглядящие и стабильные веб-сайты, обеспечивая управляемый процесс создания веб-сайтов. Доступ к этой новой функции можно получить, перейдя на вкладку Elementor под панелью управления WordPress. Он включает более 87 полных наборов веб-сайтов , в которых уже есть соответствующие страницы с контентом, части для создания тем, всплывающие окна и другие компоненты.

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

Образец цвета

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

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

Пользовательские точки останова

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

Как рассказал технический директор и соучредитель Elementor Ариэль Кликштейн в своем блоге еще в декабре 2020 года, подавляющее количество пользователей просили установить дополнительные настраиваемые точки останова. «Фактически, примерно 80% всех функций были разработаны на основе таких запросов. Дополнительные настраиваемые точки останова уже довольно давно возглавляют список », - написал Кликштейн.

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

Выпуск версии 3.4 свидетельствует о очевидном решении указанных проблем. В этом году Elementor готов предоставить пользователям, по словам Elementor, «идеальное по пикселям окно просмотра и полностью адаптивный дизайн веб-сайта и пользовательский интерфейс». Конструктор веб-сайтов теперь позволяет веб-разработчикам легко создавать веб-сайты, оптимизированные для различных размеров экрана и разрешений различных дисплеев устройств.

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

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

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

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

Font Awesome SVG Иконки

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

Выпуск Elementor версии 3.4 сопровождается обновлением загрузки Font Awesome. Раньше при загрузке значков Font Awesome вся библиотека использовалась веб-сайтом. Это неэффективно и позволяет веб-сайту без надобности занимать ресурсы. С переходом к подходу SVG количество запросов уменьшается, что приводит к повышению производительности на каждый уменьшенный КБ.

Самая последняя версия Elementor изменяет механизм загрузки со значка на SVG . Это приводит к сокращению запросов и улучшению времени загрузки по всем направлениям.

В конечном итоге обновления Elementor версии 3.4 принесут пользу не только посетителям веб-сайтов, но и их создателям. Более быстрая загрузка значков Font Awesome выгодна разработчикам, которые легко разочаровываются в проблемах с быстродействием. Точно так же посетители веб-сайта приветствуют более быструю визуализацию значков и время загрузки страницы.

Чтобы было понятно, значки Font Awesome не являются новой функцией или функцией, дебютировавшей в Elementor Core 3.4. Здесь указывается, что веб-создатели должны перестать беспокоиться о возможных проблемах, которые могут возникнуть при использовании Font Awesome. Elementor был обновлен, чтобы гарантировать, что этот набор значков совместим с платформой и должным образом экранирован.

Еще больше новых функций и улучшений в будущем

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

Более того, Elementor собирается предоставить больше обновлений в будущем. В частности, он планирует упростить загрузку страниц, приняв концепцию «загружать только то, что вы хотите» , уменьшив зависимость от JavaScript и CSS и оптимизируя внутренний JavaScript и CSS.

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