Обзор Elementor 3.6: новые функции и улучшения

Вы уже пробовали Elementor 3.6?

Или вы ждете хороший обзор Elementor 3.6, чтобы принять решение?

Ну, если да, то ваше ожидание окончено!

Потому что в этой статье вы подробно узнаете обо всех новых функциях и улучшениях Elementor 3.6.

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

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

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

Но для этого вам нужно знать, каковы функции и улучшения Elementor 3.6 , верно?

Итак, давайте перейдем к делу и перейдем к обзору Elementor 3.6….

Новые функции и улучшения Elementor 3.6

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

Введение в контейнеры Flexbox

Elementor 3.6 представил новую структуру макета, такую ​​​​как контейнеры CSS flexbox. С контейнерами flexbox внутренние секции больше не нужны !

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

Этот макет контейнера обеспечит точный адаптивный дизайн с точностью до пикселя. Кроме того, контейнеры flexbox используют более оптимизированный вывод DOM , что значительно повысит производительность сайта.

Если вы беспокоитесь о том, как вы собираетесь преобразовать свой текущий сайт Elementor со структурой разделов и столбцов в новую структуру контейнера flexbox, не беспокойтесь.

Потому что Elementor 3.6 поставляется с простой в использовании опцией конвертера в настройках страницы/публикации. Вы можете просто нажать на кнопку/опцию преобразования и получить версию контейнера flexbox на своей странице без каких-либо дополнительных перетаскиваний.

Новая функция импорта/экспорта

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

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

Таким образом, теперь вы можете экспортировать/импортировать все плагины, которые использует веб-сайт вместе с Elementor и Elementor Pro, например WooCommerce, на другой сайт за несколько кликов. Вы также можете выбрать, какие плагины и настройки вы хотите импортировать.

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

Переходы страниц с предварительным загрузчиком

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

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

Изменение глобальных цветов и шрифтов

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

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

Добавление и улучшение виджета

Если вы ждали новых виджетов WooCommerce, чтобы повысить качество покупок ваших клиентов, то вы будете рады узнать, что были добавлены два новых виджета вместе с новыми улучшенными макетами виджета «Добавить в корзину».

Виджет сводки покупок :

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

Виджет уведомлений WooCommerce:

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

Новый макет виджета «Добавить в корзину»:

Теперь вы получите новые параметры макета для виджета Elementor «Добавить в корзину». Три макета: Auto, Inline или Stacked. Таким образом, у вас будет больше возможностей для улучшения внешнего вида раздела «Добавить в корзину».

Улучшения производительности

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

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

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

На самом деле, вы будете удивлены, узнав, что в новой версии размер CSS уменьшен до 11 КБ с 137 КБ. Да разница 126кб!

Более того, 'elementor-section-wrap' был удален , чтобы свести к минимуму выходные данные DOM, поскольку оптимизированные выходные данные DOM дадут вам лучшую скорость загрузки веб-сайта.

Совместим ли ElementsKit с Elementor 3.6?

Да. ElementsKit полностью совместим с Elementor 3.6.

Так что тем из вас, кто любит использовать ElementsKit для создания и настройки сайтов Elementor, не о чем беспокоиться.

Наши разработчики и специалисты по обеспечению качества протестировали Elementor 3.6 с нашей последней версией ElementsKit , и мы можем заверить вас, что конфликтов нет .

Однако, если у вас возникнут проблемы с ElementsKit вашего сайта после того, как вы начнете использовать Elementor 3.6, вы можете свяжитесь с нашей службой поддержки .

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

Он имеет более 85 виджетов и модулей, которые в настоящее время делают более плодотворными усилия по веб-разработке более полумиллиона пользователей. Это будет идеальным дополнением к вашему набору инструментов для веб-дизайна Elementor.

Заключительные слова

Ну вот и все! Elementor 3.6 кажется впечатляющим, не так ли?

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

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

Я бы посоветовал вам сначала попробовать все на тестовом сайте. Если вы довольны результатами, переместите его на свой реальный домен.

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