Переход с Elementor на Breakdance или Gutenberg и свои блоки

Сайт, собранный на Elementor, с годами становится тяжёлым: каждая страница подгружает множество CSS- и JavaScript-файлов, каждый аддон требует своей лицензии и обновлений, а редактор, которому нужно лишь поправить цену, попадает в конструктор, где одно неверное движение ломает вёрстку. То же самое относится к WPBakery и Divi.

Мы переносим сайт с Elementor на Breakdance или на штатный блочный редактор WordPress Gutenberg. Адреса и содержимое остаются прежними, шапку, подвал и шаблоны мы собираем заново в новом инструменте, а повторяющиеся элементы получают свои блоки, которые редактор заполняет как форму. Какой редактор подходит, решаем вместе после бесплатного аудита: Breakdance, если сайту нужны более свободный дизайн и динамические шаблоны, Gutenberg, если цель в минимуме плагинов и максимально простом редактировании.

Что входит в работу

• Инвентаризация. Составляем список всех страниц, шаблонов Elementor, глобальных виджетов, форм и всплывающих окон и помечаем, что переносится как есть, что упрощается и чему в новом инструменте нет аналога.
• Шапка, подвал и шаблоны. Собираем шапку, подвал и шаблоны записей, архивов и страниц заново в новом редакторе. На многоязычном сайте делаем их отдельно для каждого языка, как на сайте Ranna Surfiküla, построенном на Breakdance.
• Глобальные стили. Цвета, типографику, кнопки и отступы задаём один раз глобально, а не на каждой странице, чтобы последующее изменение применялось ко всему сайту.
• Пересборка страниц. Каждая страница сохраняет свой URL и содержимое. Дизайн остаётся узнаваемым, но места, где старое решение было неуклюжим, мы поправляем: точная попиксельная копия не всегда разумная цель.
• Свои блоки. Для повторяющегося контента делаем глобальные блоки или свои элементы Breakdance либо блоки Gutenberg на основе ACF: карточка сотрудника, таблица цен, FAQ, список услуг. Редактор заполняет поля, оформление подставляется автоматически. В интернет-магазине Nordenbeauty сложные макеты мы решили так же, глобальными блоками Breakdance.
• Формы и всплывающие окна. Формы и попапы Elementor создаём заново с теми же получателями, письмом-подтверждением и при необходимости связью с CRM или рассылкой.
• Удаление старого конструктора. После проверки удаляем Elementor, его аддоны и оставшиеся шорткоды и чистим базу данных, чтобы ни одна страница не показывала сырой текст вроде [elementor-template].
• Замер скорости до и после. Измеряем показатели Core Web Vitals до переноса и после него, чтобы результат был виден в цифрах, а не по ощущениям.
• Короткое обучение. Показываем редактору, как менять страницы и добавлять новые блоки в новом редакторе.

Типичные ситуации

Сайт на Elementor с пятью-шестью аддонами, мобильный результат Core Web Vitals красный, а плагин кэширования не помогает, потому что тяжесть в коде самих страниц. Или лицензия Elementor Pro и аддоны ежегодно обходятся дороже, чем стоит сам сайт, но без обновлений начинают копиться ошибки. Или редактор боится трогать страницы, потому что каждое изменение что-то сдвигает, и все правки текста идут через разработчика. Или сайт собрало предыдущее агентство и на каждой странице вёрстка сделана вручную отдельно, так что замена одного цвета означает обход всех страниц.

Что нам понадобится от Вас

• Доступ к админке WordPress и к серверу (FTP или SSH), чтобы создать копию для разработки.
• Решение между Breakdance и Gutenberg после нашей рекомендации; для Breakdance также лицензия, если у Вас её ещё нет.
• Список страниц, которые больше не нужны: их нет смысла переносить.
• Получатели форм и правила показа всплывающих окон (когда и кому они показываются).
• Один человек, который проверит и примет пересобранные страницы.

Что не входит в работу

• Новый дизайн. Если вместе с переносом Вы хотите обновить и внешний вид, посмотрите обновление сайта.
• Воссоздание один в один функций аддонов, существующих только для Elementor (сложные анимации, особые счётчики), если аналога нет; предлагаем более простую замену или отказываемся от элемента.
• Глубокая оптимизация скорости на уровне сервера, кэша и изображений: оптимизация скорости является отдельной работой.
• Более сложная функциональность, выходящая за рамки блока, например свои типы данных и интеграции: для этого есть разработка своего плагина.
• Смена темы без смены конструктора, см. переход на новую тему.

Кому это подходит

Подходит, если сайт работает на WordPress и собран на Elementor, WPBakery или Divi, а проблема в скорости, стоимости лицензий, количестве плагинов или в слишком сложном для редактора конструкторе. Если заодно Вы хотите новый дизайн, разумнее объединить обе задачи в рамках обновления сайта. Если конструктор есть, но настоящая проблема в медленном сервере или неоптимизированных изображениях, начните с оптимизации скорости. После переноса быстрее освоить новый инструмент редактору поможет обучение WordPress.