Обзор Elementor 3.1 ➤ Оптимизация Elementor, вставка кода и тег совместимости

В этой публикации я расскажу, что Вас ожидает нового в базовой версии Elementor 3.1, а также в версии PRO 3.1.

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

Смотреть обзор

Смотрите это видео на YouTube

➤ Підпишіться на Youtube-канал InwebPress!

Текстовая версия

Вставка произвольного кода в шапку или в футер сайта (PRO)

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

Теперь, в разделе Elementor — Custom code вы сможете вставить код аналитики, метрики и т.д. Код можно разместить до закрывающего тега <head>, или открывающего тега <body> или до закрывающего тега <body>.

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

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

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

Демонстрация кода на странице (PRO)

Добавлен новый виджет Code Highlight. С помощью этого виджета вы сможете на странице показать фрагмент кода. Этот виджет будет полезным в первую очередь тем сайтам, которые публикуют контент на IT-тематику.

Улучшенный виджет Анимированный заголовок (PRO)

Новые улучшения позволяют:

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

Другие изменения (PRO)

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

Теперь поговорим о глобальных изменениях, которые распространяются на обе версии.

Улучшенная загрузка виджетов на странице (обе версии)

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

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

Читайте: Elementor 2.9 Что нового? Тестирую Beta 3

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

Суть такая: нет виджета — нет его кода на странице.

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

Список виджетов, для которых доступна оптимизация

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

Тег совместимости

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

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

Каждый плагин, который включает слово «Elementor» в своем названии, будет автоматически определяться как дополнение для Elementor и потребует объявления тега совместимости, в противном случае Elementor пометит совместимость как «Неизвестно».

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

<?php
/**
 * Plugin Name: Test Plugin A
 * Description: This is an example plugin
 * Plugin URI: https://example.com
 * Author: Example name
 * Version: 1.0.0
 * Elementor tested up to: 2.10.0
 * Elementor Pro tested up to: 2.10.0
 */

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

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

Завершение

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

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

Напишите в комментариях, что вы думаете обо всех этих изменениях.