Elementor wordpress плагин конструктор страниц

elementor wordpressСегодня начнем серию статей об установке и настройке плагина - Elementor WordPress. Этот плагин хорош тем, что он практически является конструктором страниц. Очень удобен и прост в обращении. Имеет как бесплатную так и платную версию.

Является элементом некоторых шаблонов. В том числе и шаблона Hestia, который мы обсуждали в последних постах. Поэтому установку и настройку этого плагина мы будем рассматривать именно на этом шаблоне.

Первое, что вы увидите после установки шаблона - два сигнальных значка в консоли, в разделе Внешний вид - Про Hestia - Рекомендуемые плагины

hestia

Именно здесь вам и предложат установить и активировать плагин Elementor. Активируем.
Сразу после активации у вас появятся элементы управления плагина

Консоль

Первый раздел - Настройки. Советую вам просто ознакомиться с возможностями и оставить все по умолчанию на всех трех вкладках. Сохраните эти настройки

Второй раздел - Моя библиотека. Она будет пополнятся созданными Вами шаблонами. Сейчас она пока пуста.

Третий раздел - Инструменты.

  1. Вкладка - Общие. Оставляем без изменений.
  2. Вкладка - Сменить URL. Потребуется в случае перехода сайта на закрытый протокол или переезд на новы домен;
  3. Вкладка - Понадобиться для отката на предыдущую версию плагина. Надо сказать, что этот пункт очень удобен для работы.
  4. Вкладка - Режим обслуживания. В этой вкладке, в пункте выбора режима надо установить "Скоро открытие". Это необходимо для корректной отдачи ответа сервера - 200ок

Раздел - Сведения о системе - оставьте по умолчанию

Запись

Здесь появится большая синяя кнопка - Редактировать в Elementor

кнопкаДавайте пройдемся по ней.

консоль управленияОткроется панель управления, где появится возможность создания, практически любой сложности страницы. Делается это очень просто: в район Добавить секцию - устанавливается любой виджет, указанный слева. Выбор их огромен.
Если Вы пожелаете работать уже с готовым шаблоном, то выбрать его можно пройдя по серой кнопке - Добавить шаблон.
Как это сделать - я покажу более подробно в видео, так как лучше один раз увидеть, чем читать длинное описание.

Итак, смотрим.

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

Ну что же, удачной Вам работы!
Будут вопросы или пожелания, пишите в комментариях.
Если информация была для Вас полезной - делитесь ей со своими друзьями в социальных сетях
Смирнова Ирина

Комментарии 22

  • Проблема популярная, но решения нет, или оно не афишируется. Суть – не работает функция “Добавить шаблон” и все, что связано с этой функцией. После общения с хостером, удалось выяснить, что причина, не блокировка РКН. Тут какой-то косяк плагина ELEMENTOR. На 1 хостинге размещено много сайтов, на одном из них вышеуказанная проблема. Вот что выводит консоль брузера:

    Uncaught TypeError: Cannot read property ‘indexOf’ of null
    at Object.onUpdate (editor.min.js?ver=2.0.16:2)
    at success (editor.min.js?ver=2.0.16:2)
    at Object.i.success (editor.min.js?ver=2.0.16:2)
    at i (load-scripts.php?c=0&load[]=underscore,shortcode,utils,jquery-core,jquery-migrate,backbone,wp-util,wp-backbone,media-models,moxiejs,plupload,wp-plupload,jqu&load[]=ery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-sortable&ver=4.9.7:10)
    at Object.fireWith [as resolveWith] (load-scripts.php?c=0&load[]=underscore,shortcode,utils,jquery-core,jquery-migrate,backbone,wp-util,wp-backbone,media-models,moxiejs,plupload,wp-plupload,jqu&load[]=ery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-sortable&ver=4.9.7:10)
    at y (load-scripts.php?c=0&load[]=underscore,shortcode,utils,jquery-core,jquery-migrate,backbone,wp-util,wp-backbone,media-models,moxiejs,plupload,wp-plupload,jqu&load[]=ery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-sortable&ver=4.9.7:12)
    at XMLHttpRequest.c (load-scripts.php?c=0&load[]=underscore,shortcode,utils,jquery-core,jquery-migrate,backbone,wp-util,wp-backbone,media-models,moxiejs,plupload,wp-plupload,jqu&load[]=ery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-sortable&ver=4.9.7:12)

    а вот лог:
    …………../wp-content/plugins/elementor/includes/template-library/manager.php on line 205

    ДОСТУП МОГУ ПРЕДОСТАВИТЬ.

    P.S. Видал где-то версию причины проблемы, в том, что во всем виновато предписание РКН, но как утверждает хостер, такой проблемы в моем случае нет, так как на других сайтах все работает.

    • Спасибо за информацию. Берем на вооружение. Я предполагаю, что в платной версии этой проблемы нет.

  • Добрый день, подскажите как сделать чтобы картинка на первом экране была резиновой? Меньше делается, но на весь экран не хочет. Спасибо.

    • “Резиновость” картинки очень зависит от шаблона, который используется на блоге. А так же обратите внимание на настройки полотна в плагине, перед созданием страницы

  • Ирина, добрый день!

    Подскажите пожалуйста как можно при использовании elementor добавлять на сайт галереи Nextgen? Стандартные виджеты – Галерея, Изображение почему-то не подцепляют файлы из NextGenа. Нужно, например, вывести галерею определенного набора изображений по тематике.

    • Я не использовала эти плагины вместе. Но думаю, что по-всей видимости происходит конфликт кодов. Так как Elementor есть своя галерея, в версии Pro

  • Добрый день. Я хочу сделать мультиязычный сайт с WPGlobus , но текст на странице первести немогу , редактор открывается только на русской странице, как открыть в элементор вариант страницы на английском

    • Попробуйте установить плагин Bogo. Но в этом случае, Вам придется каждую страницу переводить самостоятельно и загружать на сайт. Зато сам сайт будет очень профессиональным. Если же Вы хотите установить просто переводчик, то тогда используйте плагин Google Language. Почитайте статью https://altacademic.ru/kak-ustanovit-perevodchik-yazyikov-na-sayte-wordpress/

  • Здравствуйте. Подскажите, может в курсе, почему не загружается страница при обращении к ней через данный плагин? Просто белый экран и никаких элементов. Может быть из-за хостинга (сайт на обычном шаред-хостинге)? Версия php 7.1

    • Это бывает. Я наблюдала у некоторых своих клиентов. Я думаю, что первой причиной может быть скорость интернета. А второй, и наверное основной, выбранный шаблон. Версия php хорошая…

  • Добрый вечер!
    Скажите пожалуйста как настраивается плавающая кнопка возврата на верх страницы в этом плагине ELEMENTOR? и вообще она настраивается?

  • есть ли елементор для мобильных версий? и вообще каким плагином можно создать точную копию компьютерного сайта?

  • как в описании к фото в Elementor WordPress делать абзацы? все слитным текстом идет

    • Ирина, есть такой тег < br>, который делает перенос текста на новую строку. Я не пробовала его использовать в подписях к изображениям, но в других элементах он работает. Попробуйте его просто вставлять перед словом, которое должно быть на следующей строке.

  • Я пытась сделать мультиязычный сайт а он открывается только на русской странице

  • Спасибо за интересный обзор! В рунете равных нет))

  • Ирина! Спасибо за полезную информацию.

Добавить комментарий