Новое в Elementor 3.17 — повышение качества обслуживания посетителей с помощью AJAX, более быстрых веб-сайтов и многого другого

Опубликовано: 2023-11-01

В этой версии представлена ​​долгожданная загрузка AJAX для циклических сеток, которая позволяет изменять нумерацию страниц без перезагрузки всей страницы. Он также оптимизирует загрузку изображений, повышая производительность вашего сайта. Новый виджет рейтинга расширяет возможности загрузки пользовательского SVG и выбора любой шкалы оценок. Кроме того, улучшения Mega Menu позволяют осуществлять горизонтальную прокрутку для меню, которые не сворачиваются в «Макет гамбургера».

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

[PRO] Представляем AJAX для циклических сеток – для плавной загрузки контента

Мы рады представить четвертую по популярности функцию на GitHub: загрузку AJAX для Loop Grids. AJAX, что означает асинхронный JavaScript и XML, делает работу вашего сайта более плавной, загружая новый контент в циклическую сетку без перезагрузки всей страницы.

Пагинация сетки цикла AJAX

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

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

Индивидуальная нумерация страниц для циклических сеток и виджета сообщений

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

Улучшите производительность веб-сайта с помощью более быстрого LCP

Elementor 3.17 делает ваш сайт еще быстрее благодаря двум функциям, которые ускорят время загрузки вашего сайта.

Оптимизация загрузки изображений

Первое обновление производительности в этой версии является результатом партнерства Elementor с Chrome с целью выявления возможностей повышения производительности веб-сайтов, созданных Elementor. Сотрудничество предполагает использование инструментов Google, таких как отчет об опыте пользователей Chrome и отчет о технологиях Core Web Vitals. Одним из результатов использования этих инструментов является решение Google добавить функцию «Оптимизировать загрузку изображений» в основной плагин Elementor.

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

Эксперимент также применяет отложенную загрузку к изображениям, изначально не отображаемым в области просмотра, и загружает их, когда они появляются в поле зрения. Эти изменения улучшают показатель LCP Core Web Vital на 5–10 %, в зависимости от сложности страницы. Таким образом, страницы с большим количеством изображений получат еще больший прирост производительности. Эта функция также работает с веб-сайтами Elementor, работающими на более старых версиях WordPress, которые не включают обновления обнаружения LCP.

Загрузка ресурсов Гутенберга

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

Новый виджет рейтинга для гибкости дизайна

В Elementor 3.17 представлен новый виджет рейтинга, предлагающий большую гибкость для персонализации визуальных шкал оценок для продуктов, контента и многого другого. Вы можете визуально представить свой рейтинг, используя значки Font Awesome или загрузив собственный SVG. Например, для музыкального обзора вы можете использовать SVG, чтобы присвоить новому альбому рейтинг 5 из 5 золотых пластинок.

Виджет рейтинга расширяет диапазон рейтинговых шкал, доступных в виджете звездного рейтинга. Вместо того, чтобы ограничиваться шкалой от 0 до 5 или от 0 до 10, теперь вы можете установить шкалу рейтинга от нуля до любого числа, которое соответствует вашим требованиям. Например, вы можете присвоить альбому рейтинг золотых пластинок 3 из 3 или 7 из 7. Для удобства использования раскрывающийся список «Шкала рейтинга» заменен диапазоном.

Кроме того, виджет рейтинга повышает SEO-рейтинг вашего сайта за счет улучшенного атрибута схемы. Он заменяет виджет звездного рейтинга на панели виджетов, но все существующие звездные рейтинги на вашем сайте останутся неизменными.

Горизонтальная прокрутка для виджета меню

Elementor 3.17 предлагает больше гибкости при создании меню. До сих пор, когда посетители меняли размер области просмотра, размер меню изменялся в «выпадающий макет» (также известный как «меню-гамбургер»). Благодаря новым обновлениям виджета меню вы можете запретить изменение размера меню, перейдя в «Адаптивные настройки», откройте раскрывающееся меню с надписью «Точка останова» и выберите «Нет».

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

Улучшения специальных возможностей

  • Всплывающие окна: улучшите управление фокусом при включении опции «Доступная навигация», фокусируясь изначально на кнопке закрытия всплывающего окна, а не на других фокусируемых элементах внутри всплывающих окон.
  • Виджет «Оглавление». Укажите, что кнопка «Свернуть/Развернуть» в виджете «Оглавление» является интерактивным элементом для посетителей, использующих вспомогательные технологии.
  • Виджет индикатора выполнения: позволяет средствам чтения с экрана правильно связывать метки с соответствующими индикаторами выполнения.
  • Виджет списка воспроизведения видео: назначайте собственные HTML-теги различным элементам виджета списка воспроизведения видео.
  • Вложенный виджет «Аккордеон»: улучшите доступность макетов «Аккордеон» для посетителей, использующих навигацию с помощью клавиатуры.

Дополнительные обновления

  1. Адаптивный дизайн шаблонов: улучшите свою способность правильно отображать изменения, внесенные в адаптивный дизайн шаблонов, с помощью дополнительных точек останова. Вам больше не нужно будет повторно создавать CSS, чтобы увидеть изменения, внесенные вами в шаблоны при редактировании в Theme Builder. Изменения будут отражены в редакторе и интерфейсе вашего сайта.
  2. Схема часто задаваемых вопросов виджета «Аккордеон»: улучшите SEO-совместимость вашего контента, добавив элемент управления «Схема часто задаваемых вопросов». Схема FAQ добавляет в код вашей страницы специальную разметку, содержащую список вопросов и ответов. Поисковые системы могут прочитать эту разметку и использовать ее для создания расширенного кода.
  3. Интеграция VideoPress: легко интегрируйте VideoPress в свой сайт Elementor. Наслаждайтесь всеми функциями, которые предлагает VideoPress, такими как самостоятельное размещение видео, перекодирование видеофайлов для воспроизведения на многих типах устройств, адаптивная потоковая передача в зависимости от размера экрана устройства и доступной пропускной способности, возможность аутентификации частных видео и многое другое.

[Elementor AI] История AI – восстановление контента, созданного AI

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

Хотя вы не можете получить ранее сгенерированный код из истории AI, поскольку код создается для определенных виджетов, вы можете получить доступ к подсказкам, использованным для их создания, для регенерации нового кода из ваших исторических подсказок. Например, вы могли случайно закрыть браузер во время работы над новым фоновым изображением или решили использовать текст, сгенерированный искусственным интеллектом, который был отброшен. История AI позволяет извлекать и использовать подсказки и контент за период до 90 дней назад.

Настройте параметры темы с помощью Hello Theme 2.9

Теперь вы можете точно настроить параметры темы Hello, повышая производительность вашего веб-сайта в соответствии с вашими конкретными требованиями. Hello Theme 2.9 представляет множество интересных функций, которые улучшают навигацию, читабельность, SEO и многое другое. В этой версии больше нет необходимости изменять код темы, чтобы избежать избыточных или ненужных настроек. Вместо этого посетите новую страницу настроек на панели управления WordPress, где вы можете отключить такие функции, как метатеги описания, пропуск ссылок, заголовки страниц и другие. Отключение этих функций уменьшает размер вашего веб-сайта и устраняет неиспользуемый CSS.

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

Elementor 3.17 представляет несколько функций, улучшающих взаимодействие с пользователем и производительность веб-сайта. Важной функцией является загрузка AJAX для циклических сеток, обеспечивающая плавные переходы контента без перезагрузки всей страницы. Кроме того, оптимизация загрузки изображений и загрузка ресурсов Gutenberg повышают скорость вашего сайта. Новый виджет рейтинга обеспечивает гибкую визуальную шкалу рейтинга, а мегаменю теперь включает горизонтальную прокрутку. Elementor AI также имеет панель истории AI, предоставляющую вам доступ к предыдущим подсказкам и созданному контенту. Кроме того, обновление темы Hello до версии 2.9 дает пользователям больший контроль над функциями веб-сайта, включая возможность отключения определенных встроенных функций.

Дайте нам знать, какая функция вам больше всего нравится в разделе комментариев!