Настройка Elementor

Настройки ElementorЭлементор — это конструктор сайта, который работает на любой теме, и предлагает бесплатную или премиум-тему вместе с покупкой любой лицензии.

Подробнее в обзоре Elementor.

В начале 2024 года Элементор является самым популярным плагином Вордпресс с более чем 5 млн. установками:

В этой статье вы узнаете, как настроить Elementor в бэк-энде и во фронт-энде, и как исправить ошибку сервера при загрузке редактора.

Содержание:

Настройки Элементора в админке

Настройки Элементора в редакторе

Ошибка Elementor

Настройки Elementor в админке

В этом разделе настройки интеграции Элементора с темой.

Общие

Выберите, какие Типы материалов Элементор может редактировать. Эта настройка добавляет ссылку «Редактировать в Elementor» под записями этих типов.

Когда вы создаете CPT (Custom Post Type, Кастомный тип записи), этот тип записи появляется в этом списке.

В следующих настройках выберите, использовать цвета и шрифты, выбранные в настройках темы, или использовать цвета и шрифты, выбранные в Элементоре:

Отключить цвета и шрифты темы
Использовать цвета и шрифты темы

Чтобы использовать цвета и шрифты вашей темы в Элементоре, отметьте обе галочки.

Стиль

В соседней вкладке Стиль вы можете настроить:

  • Шрифт, который будет использоваться, если выбранный шрифт перестанет работать (по умолчанию Без засечек),
  • Стандартную Ширину макета в пикселях,
  • Отступ между виджетами в пикселях,
  • Точки переключения между Десктопом, Планшетом и Смартфоном в пикселях, и так далее.

Ко всем настройкам понятные описания.

Elementor - Настройки - Стиль
Настройки — Стиль

Интеграции

Раздел Интеграции появляется в версии Pro. В нем находятся подключения к сторонним сервисам:

  • MailChimp
  • Drip
  • ActiveCampaign
  • MailerLite
  • ConvertKit
  • Adobe Typekit
  • FontAwesome
  • и другие

Расширенные

В этой вкладке вы можете настроить Метод генерации css, добавить поддержку SVG и Font Awesome 4.

Все описания понятны.

Elementor - Настройки - Расширенные
Настройки — Расширенные

Еще одна настройка здесь — Переключение метода загрузки редактора. Эта настройка используется для решения проблем с Элементором.

Настройки Elementor в редакторе

Другая часть настроек находится в редакторе Elementor.

Глобальные настройки

Нажмите на иконку , вы попадете в глобальные настройки:

Редактор Elementor - Глобальные настройки
Редактор Elementor — Глобальные настройки
  • Цвета по умолчанию
  • Стандартные шрифты

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

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

  • Стили темы — Здесь вы можете настроить глобальные стили, которые будут использоваться темой и Элементором.
  • Глобальные настройки — Эти настройки повторяют НастройкиСтиль в меню Вордпресс.
  • Настройки консоли — В этом разделе настройки повторяют НастройкиОбщие в меню Вордпресс.
  • Предпочтения — Здесь вы можете выбрать Светлую или Темную тему интерфейса Элементора, и включить иконки редактора при наведении мышки на кнопки виджетов.

Настройки Страницы

В редакторе страниц вы можете изменить Заголовок страницы, изменить Статус страницы, скрыть Заголовок и сделать другие настройки:

Редактор Elementor - Настройки страницы
Редактор Elementor — Настройки страницы

Ошибка Elementor

Elementor - Ошибка 500

Вы открываете страницу в редакторе Elementor, но

  • Редактор завис
  • Редактор не загружается
  • Вы видите ошибку 500 Internal Server Error

Попробуйте эти шаги:

Как исправить ошибку Elementor

  1. Проверьте, что вы используете версию PHP версию не ниже 5.4. Вордпресс и Элементор рекомендуют использовать версию не ниже 7.4
  2. Проверьте, что у вас последняя версия Элементора, Вордпресс и темы.
  3. Перезапустите браузер / попробуйте режим Инкогнито.
    Elementor ошибка
    Ошибка Elementor
  4. Если у вас есть плагин кеширования, сбросьте кеш и отключите плагин.
  5. Отключите все плагины, кроме Элементора (включая Элементор Про). Если проблема пропала, включайте плагины по одному, пока проблема не появится снова.
  6. Временно смените вашу тему на Twenty Twenty (или другую дефолтную тему). Можно переустановить тему.
  7. Откройте файл wp-config.php и увеличьте лимит PHP памяти.
  8. Перейдите в Elementor — Настройки — Расширенные — Переключить метод загрузчика редактора — Включить.
  9. Перейдите в Настройки — Постоянные ссылки. Нажмите Сохранить два раза. Вернитесь обратно в редактор Элементор.
  10. Переустановите Элементор.
  11. Попробуйте режим отладки (debug).

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

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

  1. Спасибо за статью. И вопрос не по теме) У вас весит баннер на курс по безопасности WP. Я заполнил форму, но ничего не пришло на почту. Курса уже не будет или это временные технические неполадки?

  2. В текстовом виджите не работает мобильная адаптация. Пытаюсь в типографике изменить размер шрифта, ничего не меняется. В размере для десктопа все нормально. Не могу привести в читаемое состояние. Что делать?

    • похоже на баг.
      попробуйте написать в техподдержку элементора.
      как вариант, можете попробовать добавить css в Расширенных — CSS,
      или в виджет html-код, если у вас бесплатная версия.

  3. Помогите!
    Недавно работаю в елементоре, создавала сайты, все ок.
    Но вот понадобилось сделать такую страницу, чтобы на ней крутилось видео с ютуба на весь экран.
    Ну ок, выбрала шаблон холст элементор, вставила секцию, вставила на фон секции видео с ютуба, все работает, но!!!!…
    Собственно сам вопрос: секция не заполняет сайт на весь экран по высоте. По ширине да — все ок. А по высоте как я не пыталась —
    все равно снизу остается кусок фона сайта.
    Как запонить секцией весь сайт полностью?

    • Попробуйте Секция — Макет — Высота — По размеру экрана.

Ответить

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Techbear

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

WordPress   WooCommerce   Membership   Elementor   ACF

Обновления блога

Subsription - Gray Footer
Techbear