Обзор Oxygen Builder V 4.0 — дизайн, функции и рабочий процесс

Oxygen Builder 4.0 уже здесь, и в этой статье мы рассмотрим все новые функции, изменения и рабочий процесс, появившиеся в новой версии. Oxygen — это известный и любимый конструктор страниц WordPress, который полностью заменяет систему тем.

За последние пару лет он был на третьей версии и видел замечательные дополнения, такие как сетка CSS, полное добавление MetaBox и дополнительные оптимизации скорости, как для внешнего интерфейса, так и для внутреннего интерфейса. Людям это нравится, потому что он содержит массу возможностей в относительно хорошо разработанном пользовательском интерфейсе, а также я добавлю невероятно чистый код для быстрой загрузки веб-сайта, который отлично подходит для Core Web Vitals.

Основные функции четвертой версии Oxygen Builder следующие:

Совершенно новый пользовательский интерфейс

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

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

Вот что было сделано:

• Улучшение: унаследованные значения от более крупных точек останова теперь отображаются в полях панели свойств (#3665).

• Улучшение: модальные окна теперь анимируются с использованием той же анимации AOS, с которой они анимируются (#3550).

• Улучшение: теперь вы можете загружать собственные скриншоты для страниц наборов дизайнов, блоков и отдельных разделов (#3574).

• Улучшение: теперь вы можете дважды щелкнуть имя элемента на панели свойств, чтобы переименовать его (#3547).

Отличный способ упростить навигацию по структуре вашего сайта.

• Улучшение: добавлена ​​визуальная индикация того, стилизовано ли поле панели свойств с помощью класса или идентификатора (#3548).

• Улучшение: добавлено поле поиска для панели селекторов (#4037).

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

• Улучшение: добавлены сочетания клавиш для дублирования, сохранения, удаления, копирования, вставки (#3951).

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

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

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

В целом, мы обнаружили, что новый пользовательский интерфейс и дополнительные улучшения для простоты использования делают инструмент более эффективным и простым способом создания веб-сайтов версии 3.0. Все эти изменения очень приветствуются, и для некоторых пользователей они могут даже устранить необходимость покупать Hydrogen Pack (поскольку теперь есть сочетания клавиш).

Исправить повторяющиеся идентификаторы повторителей

Невероятно долгожданное исправление — повторители больше не дублируют идентификаторы в отдельных сообщениях, которые они отображают. Это была одна из самых больших проблем с 3.0, она вызывала проблемы с SEO, а также просто не следовала лучшим практикам.

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

Поддержка PHP8

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

Вот почему PHP 8 великолепен:

Повышение скорости загрузки конструктора

Есть также некоторые улучшения, которые напрямую влияют на скорость загрузки компоновщика, такие как удаление дублирования загрузки SVG и обновление до AngularJS 1.8.2, последней поддерживаемой версии (# 4031).

Читайте: Тест времени загрузки бэкенда Oxygen Builder

Новый способ хранения данных

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

После обновления, если вы отмените короткие коды, они будут преобразованы в новый формат JSON.

Дополнительные элементы и изменения WooCommerce

Это происходит вместе с новым выпуском построителя ядра. Кислород WooCommerce 2.0. Есть два новых элемента, в том числе мини-корзина и компонент перекрестных продаж / дополнительных продаж.

Добавление нескольких новых специальных условий Woo — это здорово, и это позволит вам дополнительно настроить свой сайт в зависимости от конкретных ситуаций электронной коммерции.

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

Примечания относительно Oxygen V4.0

Есть несколько вещей, которые мы хотели осветить в этом блоге. Во-первых, ни альфа-, ни бета-версия никогда не должны использоваться на рабочих веб-сайтах, потому что, вероятно, что-то сломается. Вам следует дождаться выхода RC (или релиз-кандидата) или фактической версии 4.0. Мы видим массу сообщений на Facebook, в которых говорится, что их веб-сайт был сломан после обновления до версии 4.0, и это ожидаемо, если вы использовали альфа- или бета-версию.

Поскольку пользовательский интерфейс изменился, как и CSS, это означает, что все будет выглядеть сломанным, если вы не очистите кеш браузера и не восстановите CSS — так что обязательно сделайте это!

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

Дальнейшее чтение:

• Подробный обзор Oxygen Builder (с точки зрения агентства)
• Как мы переносим сайты Oxygen Builder
• Divi Builder VS Oxygen Builder — кто победит в 2021 году?

Вывод

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