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

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

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

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

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

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

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

Помогу с Elementor

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

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

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

Флексбокс контейнеры – падение страницы

Стали замечены неисправности связанные с редактированием страниц после включения в экспериментах режим FlexBox (Флексбокс контейнеры) – приводящие полному дампу и невозможности восстановления.

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

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

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

Лимит памяти 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
Убедитесь, что ваш хостинг не занижает скорость
Проверьте нагрузку в админке хостинга (возможно у вас перегруз)
Используйте глобальные стили

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

Медленно загружаются страницы (Custom Fonts)

При добавлении костюмных шрифтов в тему, посредством функционала Elementor либо через CSS можно видеть долгую начальную загрузку страницы, что естественным образом негативно влияет на Google Page Speed. Чтобы поставить точный диагноз и решить проблему, необходимо сделать следующее:

Убедитесь, что вы загружаете и используете только необходимое начертание на сайте, например Montserrat 500 (текст) и 600 (заголовок) – при этом, у вас не погружаются дополнительные шрифты весом 700 и 800.
Используйте шрифты, которые весят мало, как показывает практика – быстро прогружаются шрифты размером ~36-50 кб.
Убедитесь, что лишние шрифты не загружаются, для этого откройте страницу во вкладке инкогнито, прежде открыв инструменты разработчика во вкладке “Сеть”. Посмотрите статистику загрузки файлов.
Используйте по возможности формат .woff2

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

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

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

5 2 голоса

Рейтинг статьи

9 комментариев

Старые

Новые Популярные

Межтекстовые Отзывы

Посмотреть все комментарии

Автор

Cliffe PR

7 месяцев назад

Дополнение по версии браузера и контактной форме.

Последний раз редактировалось 7 месяцев назад Cliffe PR ем

Ответить

Сергей

6 месяцев назад

Спасибо за статью и наводку), отделался малой кровью! Помог откат версии плагина RSElements.

Ответить

Автор

Cliffe PR

6 месяцев назад

Ответить на Сергей

Благодарю за обратную связь! ))

Ответить

Дмитрий

6 месяцев назад

Мегареспект за статью! Цикличную загрузку помогло вылечить увеличение памяти до 256. Крепко жму руку. Удачи в делах.

Ответить

Автор

Cliffe PR

5 месяцев назад

Ответить на Дмитрий

Спасибо! Рад, что смог помочь )

Ответить

Александра

5 месяцев назад

В блоке «После обновления плагинов не работает Elementor» опечатка в слове убедиться ( нет мягкого знака

Ответить

Автор

Cliffe PR

5 месяцев назад

Ответить на Александра

Спасибо ) Исправил )

Ответить

Роман

2 месяцев назад

Здравствуйте! Elementor создает дубли страниц: https://site.ru/page-1?elementor-preview=2924&ver=1657188132 Они дублируют материал основной страницы https://site.ru/page-1

Если включить перенаправления в htaccess со страниц вида:
https://site.ru/page-1?elementor-preview=2924&ver=1657188132
на https://site.ru/page-1 – все работает корректно, но админка перестает работать

Есть ли плагин или решение, чтобы осуществить корректные перенаправления со страниц вида ?elementor-preview=2924&ver=1657188132 на страницы оригиналы вида https://site.ru/page-1

Ответить

Автор

Cliffe PR

2 месяцев назад

Ответить на Роман

Привет. Скорее всего речь о канонических страницах и подстраницах. Единого решения здесь скорее всего нет, т.к. нужно детально изучать ситуацию, но возможно мои наводки вам пригодятся:
1) Попробовать сменить тему (тестово)
2) Настроить канонические и неканонические страницы
3) Через любой плагин по СЕО настроить редиректы.
4) Проверить постоянные ссылки.