Обзоры
Решение ошибок конструктора сайтов Elementor

Александр Базаров

Автор статьи, разработчик

Решение ошибок конструктора сайтов Elementor

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

В статье описаны распространенные ошибки и их решения, связанные с некорректной работой визуального конструктора сайтов Elementor.

В случаях 99% – решения являются рабочими, позволяющие избавится от ошибок. Если вам помогли советы предложенные в статье, отпишитесь в комментариях, это поможет другим пользователям Elementor.

Помогу с Elementor

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

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

ВНИМАНИЕ! Ответственность за Ваш сайт, автор статьи не несет. Следуя советам в статье, вы действуете на свой страх и риск.

Лимит памяти PHP (Memory limit) или Error 505

По умолчанию Elementor использует малый объем PHP памяти, чтобы исправить ситуацию с бесконечной загрузкой конструктора или ошибкой 505, нужно увеличить лимит. Посмотреть количество памяти используемое на данный момент, можно в админ панели WP – Elementor > Сведение о системе (WordPress Environment, Memory limit).

Чтобы увеличить размер памяти – в корне папки вашего сайта найдите файл wp-config.php

Найдите следующую запись (при отсутствии данной записи, добавьте её в начало файла):

				
					define('WP_MEMORY_LIMIT', '256M');

В вашем случае значение 256М может быть меньше, введите значение 256М, сохраните изменения.

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

Конфликт плагинов

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

Заходим в раздел «Плагины», отмечаем в списке все активные кроме Elementor и Elementor PRO и отключаем, пробуем загрузить редактор.

Если редактор загрузился, включаем плагины поочередно и проверяем, это важно! Не включайте сразу все плагины, так вы не сможете определить причину неисправности.

Безопасный режим

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

Elementor > Инструменты > Общее – Безопасный режим – Включить.

Нарушение структуры страницы

Конструктор Elementor загружается не во всех страницах и записях, хотя в браузере страница отображается и работает правильно.

Это может быть связано с тем, что в процессе сохранения часть изменений записалась криво (отключился интернет, свет) нарушив внутреннюю структуру.

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

Пересоздать CSS и данные

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

Скажу по своему опыту, лучше нажмите на кнопку 2 раза, далее очистите кеш (если установлен плагин кеширования).

Откат к прошлой версии

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

Elementor > Инструменты > Контроль версий

Совместимость плагинов

Обратите внимание на то, что устаревшие версии плагинов могут не поддерживаться версией WordPress. Для того, чтобы проверить совместимость, необходимо в разделе «Плагины» зайти в детали выбранного плагина и сверить версии WordPress.

Не используйте много плагинов

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

Актуальная версия PHP

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

Обновить версию PHP можно в админке на вашем хостинге. К примеру, у Beget это делается в разделе «Сайты». Выберите необходимый активный сайт, нажмите на иконку с шестеренкой, далее во всплывающем окне выберите последнюю версию.

Если сайт начал работать некорректно, вернитесь к прошлой версии PHP.

Конфликт темы

Используйте темы, которые рекомендуют разработчики Elementor, например, Hello Elementor или Astra.

Прочие моменты

Можно попробовать выйти из админ панели WordPress (наведите на имя пользователя, далее «Выход», после чего очистите кеш в браузере и попробуйте войти снова.

Версия браузера, расширения

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

На примере Гугл Хром: Справка > О браузере Google Chrome

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

Не работает контактная форма

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

Не все хостинг провайдеры по умолчанию включают данную функцию. Сама функция wp_mail зависит от того, принадлежит ли send_mail PHP для работы.

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

Не работают стили CSS в некоторых виджетах

Ситуация: создали виджет, внесли корректировки в визуальную часть, при просмотре страницы через кнопку “Посмотреть изменения” все работает отлично, но стоит зайти на страницу в режиме Инкогнито – виджет не отображает стили. Обновление CSS в ручном режиме не помогает.

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

Это связано с тем, что у вас блокируется и не погружается встроенный файл стилей CSS.

Для того, чтобы решить проблему, необходимо убедится, что сайт работает полностью по HTTPS или HTTP протоколу. Если на сервере у вас настроен редирект на HTTPS, а в настройках URL адрес сайта указан с HTTP – возникнет конфликт и браузер будет частично блокировать стили, т.к. сочтет соединение не безопасным, особенно это отразится на сторонних расширениях.

Что нужно сделать:

Проверить наличие редиректа в админ панели хостинг провайдера (у Beget > Раздел – Сайты)
Проверить наличие SSL сертификата и его актуальность
Если вручную прописываете редирект, проверьте свой .htaccess
В админ панели WordPress откройте раздел Настройки > Общие. Обратите внимание на то, чтобы ваш домен начинался с HTTPS.
Проверьте “Здоровье сайта” в разделе админ панели WordPress – Инструменты > Здоровье Сайта

Ошибка 401 при обновлении сохранения

Рабочее решение – очистить ревизии (мне помогло) записей и оптимизировать таблицы БД.

В два клика можно решить плагином WP-Optimize > База данных (*кнопка Оптимизировать).

После обновления плагинов не работает Elementor

Ситуация: у вас имеются дополнительные плагины (например: Piotnet, Jet elements) для конструктора Elementor, после обновления одного из которых, режим редактирования перестал работать.

Решение:

Необходимо убедиться, что версии не имеют большую временную разницу и плагины обновляются своевременно;
Убедитесь, что плагины совместимы с версией PHP и WordPress;
Оптимизируйте базу данных удалив ревизии;
Стоит попробовать удалить плагин и установить повторно.

Не работает анимация после публикации

Ситуация следующая: вы настраиваете анимацию блоков или объектов, в режиме редактирования – анимация работает, после публикации – объекты статичны.

Решением выступает – включение режима анимации в Windows, после чего в конструкторе Elementor, а также при просмотре – объекты будут корректно отображать заданную анимацию.

Ошибка страницы, конфликт плагинов

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

Ситуация #2: После обновления или установки плагина, редактор перестал открываться или открывается криво.

Решением выступает следующее:

Проверить актуальность сертификата SSL
Если ваш сайт использует https – убедитесь, что в админ панели в разделе “Настройки” > “Общее” – адрес сайта и адрес WordPress используют https вначале домена (это важно).
Проверьте актуальность PHP версии (используйте свежую версию, при необходимости поменяйте версию в админке вашего хостинг провайдера).
Очистите ревизии записей, оптимизируйте таблицы БД (можно сделать в WP Optimize)

Долгая загрузка сайта и редактора Elementor

Что может влиять на медленную загрузку вашего ресурса? Ниже приведу основные моменты:

Медленный хостинг
Старая версия PHP
Использование в связке с Elementor множество плагинов
Использование разных шрифтов, стилей
Изображения большого размера
Конфликт плагинов

Что сделать, чтобы ускорить ресурс?

Минимизируйте количество связанных плагинов, это крайне важно, используйте по возможности кастомное решение
При условии, что имеется необходимость использовать много плагинов, настройте приоритет загрузки расширений для каждой страницы
Необходимо уменьшить размер изображений
Минимизируйте CSS
Задайте асинхронную загрузку JS
В панели разработчика проверьте наличие ошибок JS и CSS
Убедитесь, что ваш хостинг не занижает скорость
Проверьте нагрузку в админке хостинга (возможно у вас перегруз)
Используйте глобальные стили

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

Помогли советы? Буду рад небольшой спонсорской помощи ))