Oxygen Builder: как редактировать сайт WordPress и шаблоны темы

Oxygen — не просто плагин для редактирования страниц WordPress: он полностью отключает стандартную систему тем и берёт её работу на себя. Владельцы проектов и специалисты часто называют его «темой Oxygen», но по официальной документации это именно плагин. Когда плагин активирован, выбранная в системе тема больше не выводит внешний вид, оформление, шапку и подвал. По этой причине документация разработчика не советует ставить плагин на уже работающий проект: пока с нуля не созданы базовые шаблоны оформления, привычный внешний вид страниц полностью ломается.

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

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

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

Как узнать, какая тема WordPress используется на сайте, если в настройках внешнего вида её будто нет? Когда сайтом управляет Oxygen, привычный раздел тем в панели управления фактически теряет смысл, а работа конструктора определяется по нескольким характерным признакам в интерфейсе.

Перед началом любых правок проверьте следующие разделы панели управления:

• Пункт Oxygen в меню админки. В левой колонке панели управления сайтом присутствует отдельный пункт с названием Oxygen.
• Активный плагин в списке. В разделе установленных плагинов активен плагин Oxygen Builder.
• Кнопка редактора у страниц. В списке страниц возле стандартных кнопок отображается действие для открытия страницы в редакторе Oxygen.
• Раздел шаблонов в меню. В пункте Oxygen > Templates находятся системные шаблоны, отвечающие за вывод шапки, подвала и структуры записей.
• Что такое админка. Это закрытая панель управления сайтом, куда владелец заходит под логином и паролем для добавления записей, страниц и настройки системы.

По внешнему виду кнопок и панелей можно определить, какая версия перед вами — Oxygen Classic или Oxygen 6. Это важно учитывать, когда вы ищете руководство по настройке: расположение управляющих элементов в них различается. Если же в системе нет следов Oxygen и сайт работает на обычном готовом шаблоне, подробнее о выборе темы рассказано в статье Темы и шаблоны WordPress.

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

Перед тем как вносить любые изменения в контент, выполните следующие шаги:

Шаг 1. Сделайте резервную копию сайта. Редактирование сайта на вордпресс без копии всегда несёт повышенный риск: создайте полную копию базы и файлов через панель хостинга или обратитесь за помощью к поддержке сервера.

Шаг 2. Откройте страницу в редакторе Oxygen. Перейдите в список страниц админки, найдите нужный документ и откройте страницу в редакторе Oxygen, а не в обычном редакторе блоков.

Шаг 3. Щёлкните по тексту или картинке и поменяйте содержимое. Нажмите мышью по нужному заголовку, абзацу или фотографии прямо на макете и введите новые данные.

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

Шаг 5. Сохраните изменения в редакторе. Нажмите кнопку сохранения внутри рабочего окна Oxygen и дождитесь подтверждения записи данных.

Шаг 6. Откройте страницу на сайте и проверьте результат. Загрузите страницу в новой вкладке как обычный посетитель, чтобы увидеть итоговое обновление.

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

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

В редакторе есть специальные элементы для вставки кода: HTML, CSS, JavaScript и PHP. Если вы ищете, как редактировать HTML код страницы в WordPress, собранной в Oxygen, трезво оцените риски: доступ к Oxygen позволяет выполнить на сайте любой PHP-код. Ошибка в одной строке способна полностью сломать страницу и нарушить работу сайта, поэтому владельцу бизнеса без опыта трогать программный код не стоит.

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

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

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

Для быстрого восстановления работоспособности выполните следующие шаги:

Шаг 1. Не сохраняйте страницу поверх испорченного макета. Если вы заметили ошибку прямо в окне редактора до нажатия сохранения, просто закройте вкладку браузера без подтверждения записи.

Шаг 2. Откройте историю версий в редакторе Oxygen. При каждом сохранении система записывает ревизию страницы или шаблона: откройте список версий в панели редактора, посмотрите нужную версию по времени и верните её.

Шаг 3. Верните дизайн из истории версий при сбое обычного редактора. Если страницу по ошибке открыли и пересохранили во встроенном редакторе WordPress, отчего оформление пропало, откройте её в редакторе Oxygen и верните дизайн из истории версий.

Шаг 4. Восстановите сайт из резервной копии хостинга. Если ревизии не помогли, повреждены общие стили сайта или глобальные настройки оформления, разверните сохранённую резервную копию файлов и базы данных через панель хостинга.

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

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

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

• Заберите доступы. Убедитесь, что у вас есть вход в админку WordPress с правами администратора, в хостинг и к домену, а не только у прежнего разработчика.
• Закройте старый профиль. Пользователя прежнего разработчика в WordPress удалите или смените ему пароль, предварительно создав себе отдельную учётную запись.
• Выясните статус лицензии. Выясните, на чьём аккаунте куплена лицензия Oxygen и где ключ: в Classic ключ нужен, чтобы получать обновления Oxygen из админки, а в Oxygen 6 без ключа сайт работает полностью, но внизу каждой страницы видна плашка «Built with Oxygen».
• Сделайте полную резервную копию. Сохраните свежий архив базы данных и всех файлов сайта на свой компьютер перед любыми попытками настройки.
• Не трогайте плагины вслепую. Не обновляйте и не отключайте плагины вслепую без проверки на копии сайта и не открывайте страницы Oxygen в обычном редакторе.
• Ограничьте доступ к Oxygen. Доступ к редактору позволяет выполнить на сайте любой PHP-код, поэтому давать его можно только тем, кому вы доверяете.
• Что такое лицензионный ключ. Это цифровой код, который подтверждает покупку лицензии, активирует получение обновлений из админки или убирает системную плашку конструктора.

Специалистов по сайтам на WordPress с темой Oxygen мало. Если вы привлекаете нового мастера для обслуживания, спросите его прямо, работал ли он с Oxygen и с какой именно версией — Classic или Oxygen 6.

Разработчик ушёл, а сайт на Oxygen нужно поправить или починить? По WordPress с темой Oxygen специалистов мало, мы с ними работаем. Сначала посмотрим, на чём сделан сайт и какие есть доступы, и назовём цену до начала работ: доработка и починка сайта на WordPress, в том числе на теме Oxygen, — от 20 000 ₽. Смета — в договоре до первой строки кода.

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

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

Если сайту требуются постоянные доработки и контроль, удобнее поддержка сайта — от 15 000 ₽ в месяц. Если проект на WordPress утомил регулярными обновлениями, доступен перенос сайта с WordPress на нашу платформу — от 3 000 ₽ за страницу. А если вам требуется новый проект, мы создаём сайт на WordPress с нашими плагинами — от 100 000 ₽.

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