Плагин Elementor для WordPress: что это такое, его возможности, как установить и создать лендинг

В статье: установка и обзор плагина Elementor. Пошаговая инструкция и подробные видео уроки помогут создать страницу, лендинг самостоятельно.

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

Создать сайт или простой онлайн магазин в WordPress не составит особых усилий. Но если стоит задача создать лендинг с этим лучше всего справиться плагин Elementor.

В этой статье узнаете, как пользоваться плагином, рассмотрим особенности, функционал, узнаем его лучшие функции.

Что такое Elementor в WordPress и для чего он нужен

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

На сегодняшний день существует множество различных плагинов, представляющие похожий функционал редактирования web-проектов. Это лучший редактор в WordPress. Он отличается от остальных совокупностью характеристик:

  1. Плагин облегчает процесс создания контента;
  2. Имеется библиотека готовых шаблонов;
  3. Совместимость со всеми плагинами и элементами в WordPress;
  4. Возможность редактирования и сохранения выбранных шаблонов;
  5. Elementor позволяет редактировать страницы с предпросмотром в интерфейсе редактора.

Для работы с плагином не требуются знания в программировании или IT-технологиях. Весь процесс работы происходит простым перетаскиванием нужных элементов на разметку страницы.

Сегодня это самый популярный и успешный плагин в WordPress.

Возможности плагина

Главной отличительной чертой является его простота использования. Редактор страниц позволяет разработчикам воплощать свои идеи в реальность без особых усилий.

Elementor – самый удобный и простой из когда-либо созданных редакторов. Благодаря этому плагину можно видеть все вносимые изменения на этапе создания и редактирования страниц.

Все настройки параметров основаны на виджетах: в бесплатном доступе их более 90.

Ознакомимся с некоторыми из них:

  • внутренний раздел;
  • заголовок;
  • изображение;
  • видео;
  • отзыв;
  • кнопка.

Как установить и настроить плагин Elementor

Теперь, узнав об особенностях и возможностях, переходим к его установке.

Открываем WordPress, находим в меню раздел “Плагины” > “Добавить новый“. В появившейся строке поиска набираем “Elementor“. Выбираем самый первый плагин и начинаем его установку, после завершения жмем “Установить” > “Активировать“:

У плагина есть настройки начального уровня, которые можно посмотреть в разделе “Elementor” > “Настройки“. Пользователь может установить размер контейнера, выбрать типы записей, с которыми будет работать редактор. Это базовые настройки, влияющие на весь сайт:

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

Чем Elementor отличается от Elementor PRO

Существует платная и басплатная версии. Редактор содержит более 90 элементов, которые подразделяются на платные, общие, базовые и WooCommerce (интернет-магазин на Elementor WordPress).

Основные (бесплатные) виджеты необходимы каждому сайту, например:

  • заголовок. Написание нужного текста, выбор шрифта, цвета, интервала и т.д.;
  • видео. Возможность добавления роликов с разных видео хостингов: Rutube, YouTube, Vimeo и других источников;
  • отзывы. Публикуйте отзывы пользователей с возможностью прикрепления фотографии и подписи;
  • иконки социальных сетей. Добавление ссылок на социальные сети ваших компаний, партнеров, горячей линии и т. д.;
  • кнопка. Настройка внешнего вида, текста и ссылок в кнопках.

Виджеты Pro версии содержат более масштабный функционал:

  • анимированный заголовок. Анимация привлекает внимание пользователей;
  • медиа-карусель. Добавьте медиа-карусель или слайдер, которые наглядно демонстрируют изображения и видео;
  • прайс-лист. Создавайте идеальное меню, соответствующее стилю ресторана, с помощью простого визуального редактора;
  • вход в систему. С помощью Elementor Pro можно добавить форму входа на любую страницу и полностью настроить поля формы, кнопку, фон и другие параметры;
  • формы. Создавайте красивые формы с помощью встроенного в WordPress конструктора drag & drop. Код не требуется и предоставляется полный контроль.

Если стоит задача создать крупный проект с разными фишками и привлекательным внешним видом, Pro версия плагина необходима. Когда нужно воссоздать нечто попроще, можно воспользоваться бесплатным доступом (мне хватает бесплатной версии:)).

Благодаря данным инструментам можно создать блог от простого описания услуги до крупномасштабного интернет-магазина или сайта организации.

Контент, созданный в Elementor, будет кроссплатформенным, и будет отображаться не только на ПК, но и на других устройствах.

Как сделать лендинг в Элементор: пошаговая инструкция

Шаг 1. Создание новой страницы или записи

Для того, чтобы создать страницу на панели инструментов, переходим во вкладку “Страницы” > “Добавить новую“. Перед вами откроется редактор блоков Гутенберг. Определяемся с названием страницы лендинга и нажимаем “Опубликовать” > “Опубликовать” > “Редактировать в Elementor“:

Шаг 2. Начало работы в редакторе

На созданной новой странице нужно перейти в холст для этого в левом нижнем углу, нажимаем на “Шестеренку” > в “Макет страницы” выбираем “Холст Elementor“:

Шаг 4. Создаем блок с изображением

Для создания любого блока, будь то текст или картинка нужно создать секцию. Нажимаем на “+” и определяемся какое количество секций будет. У меня одна секция, поэтому выбираю одну секцию и на создай секции нажимаю на “шесть точек” перехожу в “Стиль” нажимаю в “Типе фона” на “кисточку” > “Выберите изображение”, загружаем изображение:

Далее нужно выставить настройки для картинки. Переходим в “Макет” нажимаем на выпадающее меню в “Высота” > “По размеру экрана“, возвращаемся в “Стиль” и в выпадающих меню (вы выбираете настройки, которые нужны вам):

  • “Позиция” выбираем “Центр Центр
  • “Привязка” выбираем “Закрепить
  • “Повтор” выбираем “Не повторять
  • “Размер” выбираем “Перекрыть

Для затемнения изображения нужно зайти в рубрику “Перекрытие фона” и нажать на “цвет“, выбираем нужный цвет и бегунком регулируем прозрачность:

Шаг 5. Создание текста на изображении

Нажимаем на “квадратик в виде 9 точек” в левом верхнем углу, далее зажимаем элемент “Заголовок” и перетаскиваем его на изображение в “+“:

В поле “Введите текст заголовка” пишем свой текст. После чего где “Размер” выбираем нужный (у меня “Огромный“) и в “Выравнивание” выравниваем. Далее идем в “Стиль” и там выбираем цвет текста, и в “Типографика” (размер, интервал и т.д.):

Строки, колонки, элементы в бесплатной версии

В бесплатной версии есть множество инструментов, способных воплотить проект в жизнь. Главная сила редактора – настройка каждого отдельного элемента, строки или колонки:

Готовые блоки, шаблоны страниц в Elementor

Библиотека шаблонов обширна, даже в случае с бесплатной версией. Находим рядом с “+” изображение папки, после нажатия на папку открывается каталог блоков и шаблонов. Стоит добавить, что большинство самых крутых шаблонов доступно только в Pro версии:

Вот такой лендинг я делал без шаблонов, самостоятельно:

Если Вы хотите научиться создавать крутые лендинги в Elementor, специально для читателей блога действует акция на мой авторский курс: “Профессиональные одностраничники самостоятельно и бесплатно“.

Внимание! Ограниченное предложение! Вы можете сэкономить 70% от текущей стоимости. Нажмите на ссылку ниже, перейдите на страницу, выберите тариф: “Начальный” “Продвинутый” либо “Профессионал“. Обязательно ВВЕДИТЕ этот купон BLG70 и Вы получите дополнительную скидку 70%.

Перейти на страницу:
https://valera24.ru/professionalnye-odnostranichniki-samostojatelno-i-besplatno/

Заключение

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


Чтобы написать эту статью, мы потратили много времени и сил. Мы очень старались и если статья оказалась полезной, пожалуйста оцените наш труд. Нажмите и поделитесь с друзьями в соц. сетях - это будет лучшей благодарностью для нас и мотивацией на будущее!

Введите свой Email и подпишитесь на новости сайта:


Поделитесь с друзьями в соц. сетях
Предыдущие статьи из этой же рубрики (откроются в новом окне):
  1. Как проверить текст на уникальность, водность и переспам
  2. Что такое водность текста и какая норма должна быть?
  3. Чем WordPress лучше других
  4. Что такое продажа трафика и как на этом заработать
  5. Кто такой таргетолог и как им стать



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

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