Elementor 3.15 Beta: обзор новых функций с Эшли Уайтхейр

Как включить бета-версию

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

Если вы хотите проверить это, вот что вам нужно сделать:

• Перейдите в панель управления WordPress.
• Нажмите на Elementor на левой боковой панели, чтобы открыть страницу настроек Elementor.
• Перейдите на вкладку «Инструменты».
• Нажмите «Контроль версий».
• Вы найдете возможность включить функцию «Бета-тестер». Установите флажок «Включить бета-тестер».
• Не забудьте сохранить изменения.

После того, как вы включили бета-тестирование, вы должны увидеть, что плагины Elementor готовы к обновлению на странице обновлений WordPress, запустить эти обновления, и все готово!

[Pro] Новый виджет таксономического фильтра — разрешить посетителям фильтровать списки

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

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

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

Хотите увидеть, как это работает? Посмотрите демонстрацию Эшли здесь.

Представляем — новый виджет Accordion для полной гибкости дизайна

Виджет Nested Accordion — еще одно интересное дополнение в бета-версии Elementor 3.15. Эта функция обеспечивает дополнительный уровень организации и гибкости дизайна, превращая каждый элемент в контейнер для неограниченной гибкости, позволяя вставлять любые виджеты и типы контента. Это фантастический инструмент для представления большого объема информации в чистом, организованном и удобном для пользователя виде.

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

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

Любопытно увидеть его в действии? Смотрите демонстрацию Эшли здесь.

[Pro] Расширенные возможности стилей в карусели и циклической карусели

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

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

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

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

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

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

Elementor AI — расширение Elementor AI для изображений

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

Первая из этих функций — возможность удалить фон с изображения. Это меняет правила игры для тех, кто использует для этого внешние инструменты, такие как Photoshop или Canva. Теперь вы можете просто выбрать изображение в редакторе Elementor, выбрать параметр «Редактировать с помощью AI» и выбрать «Удалить фон». Через несколько секунд ИИ творит чудеса, и у вас остается прозрачный PNG-файл, готовый к использованию по вашему желанию.

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

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

Чтобы увидеть эти функции ИИ в действии, посмотрите демонстрацию Эшли здесь.

Обновленные эксперименты

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

Оптимизированный вывод DOM уменьшает количество элементов-оболочек в HTML, сгенерированном Elementor, делая код вашего веб-сайта чище и эффективнее. Функция «Улучшенная загрузка активов» ускоряет работу вашего веб-сайта за счет загрузки меньшего количества кода. Руководство по глобальному стилю позволяет предварительно просматривать все ваши глобальные стили и вносить мгновенные изменения в глобальные цвета и шрифты визуально.

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

Чтобы обеспечить совместимость с этими новыми функциями и по соображениям безопасности, важно постоянно обновлять Elementor.

Это обертка!

Когда мы завершаем этот обзор бета-версии Elementor 3.15, становится ясно, что это обновление содержит улучшения, которые сделают процесс разработки вашего веб-сайта еще более эффективным и приятным. От нового виджета Taxonomy Filter и виджета Nested Accordion до улучшенных виджетов Carousel и Loop Carousel — Elementor продолжает предоставлять инструменты, которые позволяют создавать потрясающие динамичные веб-сайты.

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

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

Посмотрите полную демонстрацию Эшли этих новых функций здесь. И следите за официальным выпуском Elementor 3.15 — нам не терпится увидеть, что вы создадите!