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

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

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

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

hestia

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

Консоль

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

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

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

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

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

Запись

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

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

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

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

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

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

Смирнова Ирина

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

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

    • Что можно сделать:
      1. Выбрать секцию из трех колонок и статью установить в средней.
      2. В каждой опции есть расширенные настройки. Поиграйте с внутренними и внешними отступами

  • Добрый день! Очень нужен совет, сам разобраться не могу!
    Ситуация такая: у меня есть сайт WP, был сделан по шаблону “Solitudo”.
    При анализе и прогоне по https://tools.pingdom.com время загрузки станицы составляло около 2сек. Меня это вполне устраивало.
    Узнав о плагине “Elementor”, я сначала попробовал его без ПРО, посмотрел уроки, разобрался в нем и купил ПРО.
    Сделал тестовую станицу на основе основного шаблона “Solitudo”. Оптимизировал изображения.
    Но вот время загрузки тестовой страницы составляет теперь около 10 сек (даже немного больше). Сначала думал что проблема в памяти на WP ” Memory limit:”
    разогнал до 1гига.
    Скорость загрузки уменьшилась до 9 сек (все равно много). Единственная мысль, которая приходит в голову – это конфликт основного шаблона “Solitudo” с плагином “Elementor”.
    Так как если отключаешь данный плагин то скорость загрузки становится около 2 сек.
    .
    Помогите с советом пожалуйста (голову сломал….)))))). В данной профессии не силен, все постигнуто на уровне простого юзера.
    Тестовая страница: http://art-studio-film.ru/test-6/
    Это единственная страница сделанная на “Elementor”, остальные все в сайте на шаблоне “Solitudo”. Спасибо!))

    • Попробуйте поставить плагин Clearfy и оптимизировать сайт. На главной странице моего сайта есть статья об этом плагине. Помимо оптимизации самого сайта и его ускорения, в него встроен плагин оптимизации изображений. Сразу предупреждаю. что при совместной работе этих плагинов – оптимизация изображений идет очень долго, в несколько этапов. Попробуйте.

  • Здравствуйте, Ирина! Я установила плагин, но интерфейс почему-то на английском. Вы сами делали перевод?

    • День добрый, Ольга! Нет, я не переводила. Посмотрите внимательно настройки при загрузке. При обновлении плагина будет и обновлен перевод. Может стоит просто подождать

  • Скажите пожалуйста, как сделать чтобы страница редактированная с помощью Elementor имела адрес сайта , а то получается car-taim /test.ru, как убрать test

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

  • Проблема популярная, но решения нет, или оно не афишируется. Суть – не работает функция “Добавить шаблон” и все, что связано с этой функцией. После общения с хостером, удалось выяснить, что причина, не блокировка РКН. Тут какой-то косяк плагина 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>, который делает перенос текста на новую строку. Я не пробовала его использовать в подписях к изображениям, но в других элементах он работает. Попробуйте его просто вставлять перед словом, которое должно быть на следующей строке.

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

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

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

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