• Elementor
  • Решение ошибок конструктора сайтов Elementor
Поделится статьей:
Александр Базаров

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

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

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

Внимание! Материал из статьи запрещается использовать на своих / сторонних ресурсах без предварительного согласования с автором.

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

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

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

Навигация по странице

Получилось решить проблему? Переведи немного на развитие ресурса 😉
Решение ошибок Elementor

Проблема с разделителями (devider) в секциях

Если вы перешли на flexbox контейнеры – вероятнее всего Вам пришлось столкнуться с некоторыми неприятными моментами в верстке вашей страницы.

Рассмотрим ситуацию на примере разделителя (devider), когда к нему добавляется пустое расстояние по высоте вашего flexbox контейнера.

Чтобы решить проблему, переходите в “Расширенные”, далее в разделе “Размер” кликните по иконке показанной на изображении ниже.

elementor_devider

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

Выше – разделитель без привязки к общей высоте соседнего контейнера.

Глючит меню (NavMenu) после обновления 3.10..

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

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

После создания страницы или лендинга – не видно изменений

Ситуация: вы создаете к примеру главную страницу сайта. В режиме редактора и предпросмотра – видите все изменения которые вносите, за исключением прямого перехода по адресу домена.

Чтобы решить данную проблему, проделайте следующие рекомендации:

  1. Заходим в “Настройки” (в админке WP);
  2. Кликам по “Чтение”;
  3. В настройках чтения, необходимо выбрать отображение статичной страницы;
  4. В выпадающем списке, выберите ранее созданную вами страницу.

 

Итогом можно считать: указание главной статичной страницы в настройках вашего сайта.

Выбор статичной страницы в WordPress Elementor

Смещается размер логотипа сайта

По умолчанию в Elementor можно загрузить логотип сайта в меню – “Настройки сайта” – “Свойства сайта” и подключить виджет Site Logo, например в header, либо отображать лого динамически допустим в виджете “Изображение”.

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

Решение: важно вручную задать размер в пикселях *(PX) для вашего логотипа, а также размер отображения выставить на “Полный”.

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

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

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

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

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


UPD > Версии 3.12+ (ошибок не обнаружено, обновляйте ваш 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.

Обновление версии PHP на Beget
Выбор версии PHP на Beget

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

Используйте темы, которые рекомендуют разработчики 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 – возникнет конфликт и браузер будет частично блокировать стили, т.к. сочтет соединение не безопасным, особенно это отразится на сторонних расширениях.

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

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

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

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

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

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

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

Решение:

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

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

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

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

Включение режима анимации

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

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

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

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

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

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

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

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

 

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

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

 

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

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

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

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

 

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

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

Один из безопасных вариантов обновления плагина

Обновили плагин – сайт лег, с чем это может быть связано?

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

Методов загрузки zip архива и обновление до новой версии может быть несколько, приведу в пример проверенный и рабочий способ:

Перед обновлением плагин Elementor и Elementor Pro вручную не удаляем! Оставляем работать (т.е. в активном состоянии).

  1. Заходим в раздел Плагины
  2. Нажимаем кнопку Добавить Новый
  3. Кнопка – Загрузить Плагин
  4. Выбираем наш Zip архив, загружаем
  5. WP определит разность версий, после чего предложит отклонить или заменить плагин, соглашаемся с заменой.
  6. Итогом выступает оповещение об успешном обновлении

 

Данный метод подходит для обновления всех плагинов из ZIP архива.

Было замечено, если перед обновлением удалить плагин, после чего загрузить его и активировать – могут возникать разного рода ошибки.

Перемещение виджетов не работает

Довольно странная проблема, связанная с перемещением виджетов в редактируемую часть сайта – они попросту не реагируют на drag&drop. 

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

Обнаружены атаки на плагин Elementor Pro 3.11.6 и ниже

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

Работает уязвимость через AJAX action pro_woocommerce_update_page_option, где отсутствует проверка возможностей и недостаточно хорошо реализована проверка ввода данных.

«Авторизированные злоумышленник может использовать уязвимость для создания учетной записи администратора, включив регистрацию и сделав ролью по умолчанию administrator, может изменить адрес электронной почты администратора или изменить siteurl, перенаправив весь трафик на удаленный вредоносный сайт»

По мнению экспертов – бэкдор называется wp-resortpark.zip, wp-rate.php или lll.zip. Большинство атак, нацеленных на уязвимые сайты, исходят с трех IP-адресов: 193.169.194.63, 193.169.195.64 и 194.135.30.6.

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

Бэкдор позволит получить полный доступ к сайту на WordPress, например, для кражи данных или установки дополнительной malware.

Скорее обновите плагин до версии 3.11.7 или выше! Все предыдущие версии – имеют уязвимость!
Статьи по интересам:
Получилось решить проблему? Переведи немного на развитие ресурса 😉
5 3 голоса
Рейтинг статьи
Подписаться
Уведомить о
12 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Сергей
1 год назад

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

Дмитрий
1 год назад

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

Александра
1 год назад

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

Роман
9 месяцев назад

Здравствуйте! 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

4 месяцев назад
  1. Флексбокс контейнеры – падение страницы

Сегодня возникла аналогичная проблема. Решил просто. Все работает без ошибки 500. Я на Бегете, а там есть возможность создавать бесплатно 1 бэкап. Так вот, восстановление из обычного бэкапа не помогло, а вот восстановление из бэкапа базы данных решило проблему.
Вот у меня другой вопрос:
Тема Hello с elementor, при попытке вставить рекламу от яндекса, она то отображается, то нет… Я и через блоки html пытался и через шорткод, ну никак. Загрузчик и в шапку вставлял, и на каждый код вешал… Итог один. Какой-то блок работает, какой-то нет. При чем спонтанно, разницы в настройках блоков нет. Блокировщиков рекламы нет. Проверено на разных машинах в разных местах, в том числе и на мобильных. Может кто подскажет в чем лаг?

Интересные разделы

Свежее в блоге

Подборка для тебя

12
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x

Важные уведомления

Новое пополнение в магазине логотипов. Скорее за покупками — пока не разобрали годные макеты ;)