Как использовать Oxygen Page Builder с WordPress в 2021 году [Простое руководство]

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

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

Что такое Oxygen Page Builder?

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

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

Почему вы должны использовать Oxygen Page Builder?

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

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

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

6 выдающихся функций - Oxygen Page Builder

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

Визуальное редактирование

Конструктор страниц Oxygen предоставляет непревзойденные возможности визуального редактирования. Доступ к визуальному интерфейсу конструктора сайтов можно получить, нажав кнопку «Редактировать с помощью Oxygen» в меню «Шаблоны».

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

Панель структуры, которая появляется на правой боковой панели, позволяет пользователю видеть структуру своих HTML-элементов в любой момент и позволяет редактировать в реальном времени, перетаскивая элементы в визуальном редакторе.

Мощные элементы управления макетом

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

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

Интеграция Гутенберга

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

Все, что вы создаете на Oxygen, можно использовать как блок Гутенберга. Таким образом, вы можете добавлять блоки, настраивать изображения, текст и URL-адреса ссылок. Возможность создавать индивидуальную компоновку блока Гутенберга отделяет Oxygen от его конкурентов. Вы также можете повторно использовать эти блоки на других веб-сайтах с помощью инструмента импорта / экспорта.

Чистота кода

Чистота кода - еще одна особенность, которая отличает Oxygen от конкурентов. Поскольку Oxygen превосходит вашу существующую тему WordPress, его сложность кода также уменьшается и обеспечивает чистоту кода для упрощения управления.

По сравнению со своим крупнейшим конкурентом Elementor (громкое имя в мире конструкторов страниц WordPress) Oxygen обеспечивает очень точный вывод HTML-кода. Oxygen может отображать одну строку кода, которую Elementor может отображать в блоке кода. Сокращение строк кода обеспечивает быструю загрузку, простую индексацию и лучшие результаты в целом.

Конструктор заголовков

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

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

Функциональность динамических данных

Функция Oxygen Dynamic Data позволяет пользователям связывать элементы дизайна с данными вашей базы данных WordPress. Все, что присутствует в вашей базе данных WordPress, может быть использовано в вашем дизайне. Он также позволяет импортировать и экспортировать настройки дизайна и CSS, созданные с помощью Oxygen.

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

• Опубликовать контент
• Описания
• Медиа файлы
• Название сообщения, автор и т. Д.

Как установить Oxygen Page Builder

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

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

Итак, без лишних слов, приступим!

Установить конструктор страниц Oxygen совсем несложно. Все, что вам нужно сделать, это перейти в панель управления WordPress > Плагины > Добавить > Загрузить плагин > Выбрать файл и выбрать zip-файл конструктора страниц Oxygen, который вы скачали с их официальной страницы. После загрузки плагина нажмите « Установить сейчас» и « Активировать плагин» .

После активации плагина всплывающий экран приветствия предложит вам выбрать тип установки Oxygen.

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

Предварительные требования для Oxygen Page Builder

Для начала работы с конструктором страниц Oxygen требуются некоторые предварительные условия для беспроблемного создания страниц:

Обратите внимание, что PHP 8 еще не поддерживается Oxygen Page Builder. Вышеуказанные требования зависят от вашего хостинг-провайдера, поэтому убедитесь, что на их серверах и платформах установлены последние версии. Cloudways предлагает последние и стабильные версии WordPress, PHP и MariaDB для удобного редактирования страниц Oxygen.

Тесты производительности Oxygen Page Builder

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

Результаты тестов представлены следующим образом:

Конфигурации сервера Cloudways

Конфигурации приложений

Установленные плагины

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

Анализ производительности GTmetrix:

https://gtmetrix.com/reports/wordpress-635160-2066150.cloudwaysapps.com/AXkCR1eG/

• Производительность: 100%
• Состав: 95%
• LCP: 323 мс
• TBT: 0 мс
• CLS: 0

Анализ производительности Pingdom:

https://tools.pingdom.com/#5eba5748a0400000

• Оценка производительности: 92
• Размер страницы: 2,0 МБ
• Время загрузки: 277 мс
• Запросы: 32

Анализ производительности PageSpeed ​​Insight:

https://prnt.sc/1gragu8

• Общая оценка: 92
• FCP: 0,8 с
• Индекс скорости: 1,4 с
• LCP: 1,6 с
• TTI: 0,8 с
• TBT: 0 мс
• CLS: 0,015

Цены на кислород

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

1) Базовый

• Стоит единовременный платеж в размере 129 долларов США.
• Гибкий и мощный визуальный конструктор для WordPress
• 60-дневная гарантия возврата денег

2) WooCommerce

• Стоит единовременный платеж в размере 169 долларов США.
• Интеграция с WooCommerce
• Используйте его для визуального создания веб-сайтов и магазинов WooCommerce.
• 60-дневная гарантия возврата денег

3) Агентство

• Стоит единовременный платеж в размере 199 долларов США.
• Интеграция с WooCommerce
• Строитель блоков Гутенберга
• Упрощенный клиентский интерфейс
• 60-дневная гарантия возврата денег

4) Окончательный

• Стоит единовременный платеж в размере 229 долларов США.
• Интеграция с WooCommerce
• Строитель блоков Гутенберга
• Упрощенный клиентский интерфейс
• Композитные элементы
• 60-дневная гарантия возврата денег

Oxygen Review: стоит ли попробовать?

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

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

Учитывая все обстоятельства, Oxygen - серьезный соперник в списке лучших конструкторов страниц WordPress, который со временем станет еще более популярным.