Как использовать Elementor: полное руководство (2022)

5/5

Заинтересованы в создании удивительного веб-сайта?

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

В наши дни все, что вам действительно нужно, — это плагин под названием Elementor . Это один из самых универсальных и доступных конструкторов страниц WordPress на рынке.

Более того, начать работу можно абсолютно бесплатно!

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

К концу у вас должно быть все необходимое для создания веб-сайта WordPress , который впечатляет, в кратчайшие сроки!

Оглавление

  1. Начало работы с Элементором
  2. Изучение параметров Elementor
  3. Бесплатный Elementor против Elementor Pro
  4. Как использовать бесплатный конструктор страниц Elementor
  5. Как использовать конструктор тем Elementor
  6. Как создавать шаблоны с Elementor
  7. Как создать всплывающее окно в Elementor
  8. Создайте мобильный адаптивный веб-сайт с Elementor
  9. Почему вы должны использовать Elementor
  10. Плюсы и минусы использования конструктора страниц Elementor
  11. Вывод

Начало работы с Элементором

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

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

Установка Элементора

После того, как вы установили WordPress и выбрали тему для своего сайта , вы можете установить конструктор страниц Elementor несколькими способами :

Способ 1: Веб-сайт Elementor.

Посетите веб-сайт Elementor и получите бесплатную версию Elementor. Кнопка загрузки находится на видном месте в верхней части главной страницы.

Как только вы введете адрес электронной почты, ваш браузер автоматически загрузит ZIP-файл.

Загрузка zip архива Elementor на официальном сайте

Затем перейдите в раздел « Плагины » в задней части вашего веб-сайта WordPress, нажмите « Добавить новый » и загрузите файл .ZIP на свой веб-сайт с помощью кнопки « Загрузить плагин » вверху.

Загрузка плагина Elementor в плагины WordPress

После установки просто нажмите « Активировать », и программа готова к работе!

Способ 2: Панель инструментов WordPress

Войдите в серверную часть своего веб-сайта WordPress и подготовьтесь к установке плагина , нажав кнопку « Добавить новый » на вкладке «Плагины».

Чтобы найти Elementor, просто введите слово « Elementor » в строку поиска плагина.

Конструктор страниц Elementor должен появиться в качестве первого плагина для установки.

Просто нажмите « Установить », а затем « Активировать » после загрузки.

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

В этой области вы сможете настроить параметры плагина.

Однако, в отличие от многих плагинов, наибольшая функциональность Elementor реализуется на самих страницах.

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

Изучение параметров Elementor

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

Одной из наиболее важных особенностей любого конструктора страниц является простота использования. Вы должны быть в состоянии прыгнуть и воплотить свое видение в реальность без долгих головокружительных и бешеных поисков на YouTube.

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

Как только вы привыкнете к рабочему процессу перетаскивания виджетов на страницу и настройке свойств на боковой панели, вы поймете, что он настолько интуитивно понятен, насколько это возможно.

Большинство параметров настройки, которые вы найдете в Elementor, основаны на виджетах, которые поставляются с плагином.

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

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

В Elementor также есть удобная функция диспетчера ролей, которая позволяет вам классифицировать, какие типы пользователей могут иметь доступ к редактору (примечание: это функция только в Elementor Pro ).

Какие виджеты включены?

В целом, Elementor основан на редакторе с перетаскиванием, в котором размещаются разделы, столбцы и виджеты.

Система разбита следующим образом:

  • Разделы — контейнеры для столбцов и виджетов.
  • Столбцы — разделы, содержащие виджеты.
  • Виджеты — отдельные элементы на странице.

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

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

  • Заголовок
  • Изображение
  • Текстовый редактор
  • видео
  • Кнопка
  • Делитель
  • Значок
  • Распорка
  • Карты Гугл

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

Просто перетащите экземпляр элемента на главную страницу и настройте его под свои нужды.

Если этих базовых элементов недостаточно, можно получить дополнительные виджеты, перейдя на Elementor Pro .

Однако мы утверждаем, что большая часть того, что вы можете делать в Pro, возможна и в бесплатной версии — просто это занимает больше времени.

Вам решать, нужны ли вам виджеты премиум-класса, которые есть в версии Pro.

Вот краткая выборка десятков виджетов, найденных в Elementor Pro:

  • портфолио
  • Форма
  • Флип-бокс
  • Таблица цен
  • Цитата
  • Призыв к действию

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

Мы создали короткую статью о создании контактных форм с помощью Elementor Pro ; Проверь это!

Наконец, Elementor поддерживает сторонние виджеты.

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

Не уверены, что хотите добавить дополнительные виджеты?

Хотя может быть удобно иметь виджеты для всего, что вы хотите сделать на своем веб-сайте, это не абсолютно необходимо. Есть бесчисленное множество бесплатных сторонних плагинов WordPress, которые хорошо работают в тандеме с Elementor и вашей темой WordPress.

Бесплатный Elementor против Elementor Pro

Если вам нужен сложный бесплатный конструктор страниц, более полнофункциональный, чем многие платные варианты, то Elementor — отличный выбор!

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

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

Сравнительная таблица характеристик Elementor

Вот краткий обзор основных различий между Elementor Free и Elementor Pro.

Элементор БесплатноЭлементор Про
ЦенаСвободноОт 49 долларов в год за сайт
Количество виджетов25+50+
Конструктор страниц
Конструктор темИкс
Включена поддержка 24/7Икс
Динамический контентИкс
Про шаблоны и блокиИкс
ИнтеграцииИкс

Это общий снимок различий между двумя версиями, но вы можете узнать больше о Elementor Free и Pro .

Цены на Элементор Про

Если вы думаете о том, чтобы приобрести одну из платных версий Elementor Pro , обратите внимание, что все три плана предлагают одни и те же функции!

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

  • С Essential вы получаете Elementor Pro для одного веб-сайта за 49 долларов в год.
  • С Advanced вы получаете Elementor Pro на 3 веб-сайтах за 99 долларов в год.
  • С Expert вы получаете Elementor Pro на 25 веб-сайтах за 199 долларов в год.
  • С Studio вы получаете Elementor Pro на 100 веб-сайтах за 499 долларов в год.
  • С агентством вы получаете Elementor Pro на 1000 сайтов за 999 долларов в год.

Какой из них подходит именно вам? Для отдельных лиц или небольших команд Эксперт, безусловно, является лучшим вариантом, если в следующем году вы, вероятно, будете управлять более чем одним веб-сайтом с помощью Elementor Pro.

Вы всегда можете начать с Essential и перейти на Advanced или Expert позже, если решите, что вам нравится Elementor и вам нужно больше лицензий.

Как использовать бесплатный конструктор страниц Elementor

Итак, со всем этим вы готовы увидеть Elementor в действии?

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

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

Перейдите на панель управления вашего веб-сайта WordPress и нажмите « Добавить новый » в разделе «Записи» или «Страницы». Для этого урока мы создадим новый пост в блоге.

Шаг 2. Редактируйте с помощью Elementor

Как только вы доберетесь до этого экрана, вы можете отредактировать страницу с помощью редактора WordPress по умолчанию. Чтобы использовать Elementor, вы должны нажать кнопку « Редактировать с помощью Elementor ».

Шаг 3. Перетащите элементы на главную страницу

Изначально эта страница будет пустой. Выберите и перетащите элементы с боковой панели Elementor.

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

Если вы не хотите, чтобы этот элемент занимал всю ширину вашей страницы (что он и делает по умолчанию), вы можете нажать маленькую кнопку « плюс — + », чтобы настроить структуру этого раздела вашей страницы.

После того, как вы нажмете кнопку «плюс», вы увидите опцию « Выберите свою структуру ». Давайте пойдем с тремя равными столбцами.

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

А если мы хотим настроить то, что мы видим в этом разделе? Как вы уже догадались, мы перетаскиваем туда виджет.

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

Шаг 4. Изменить настройки

Для каждого раздела или элемента, который вы размещаете на странице, у вас есть возможность дальнейшей настройки. Просто найдите шесть точек.

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

Шаг 5. Опубликуйте свою страницу

Когда вы довольны настройками, пришло время проверить готовый продукт.

Мы видели, как эта страница выглядит в редакторе, но если мы взглянем на предварительный просмотр фактической страницы, мы увидим, что это то же самое!

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

Сводка конструктора страниц

Очевидно, это был быстрый пример, но он показывает, как легко разместить элементы и создать работающий веб-сайт!

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

Мы настоятельно рекомендуем вам взглянуть на Astra Theme , в нем есть множество встроенных шаблонов Elementor , называемых стартовыми шаблонами , которые вы можете использовать.

Здесь мы хотим подчеркнуть еще один важный момент:

Независимо от того, выбираете ли вы Elementor Free или Elementor Pro , гайки и болты конструктора страниц Elementor идентичны. Pro просто предлагает более расширенную функциональность с помощью виджетов премиум-класса, которые сразу же помогут вам в маркетинге, электронной коммерции, дизайне и интеграции с другими распространенными инструментами, такими как MailChimp и Adobe TypeKit.

Это было отличное решение настроить Elementor таким образом, потому что вам не нужно ничего заново изучать, когда вы будете готовы совершить скачок с Elementor Free на Elementor Pro.

Как использовать конструктор тем Elementor

Обычно, когда что-то становится проще в использовании, полезные функции приходится отбрасывать. К счастью, Elementor — это особый случай, который прост в использовании и невероятно универсален, во многом благодаря его конструктору тем.

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

Он даже позволяет вам переопределять аспекты вашей темы WordPress, поэтому вы можете сохранить то, что работает, и просто вносить нужные изменения!

Зачем вам динамический контент? Что ж, иногда вы можете захотеть разместить страницу продаж, у которой нет традиционного заголовка и боковой панели, или вы можете сохранить собственный макет записи в блоге , который вы можете использовать каждый раз, когда добавляете новую публикацию.

Возможности безграничны.

Создайте верхний/нижний колонтитул с Elementor

Готовы создать индивидуальный верхний или нижний колонтитул с помощью Elementor с помощью конструктора тем? Вот как это делается!

Шаг 1. Нажмите «Шаблоны» на панели инструментов WordPress.

После входа в панель управления WordPress перейдите в « Шаблоны » в разделе Elementor в боковом меню.

Шаг 2. Добавьте новый или импортируйте шаблон

Здесь вы создаете новый шаблон для своего заголовка.

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

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

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

Шаг 3. Отредактируйте новый шаблон

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

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

Для получения более подробной информации ознакомьтесь с нашим подробным руководством по настройке заголовка веб-сайта с помощью Elementor .

Создавайте страницы WooCommerce с помощью Elementor

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

Elementor с помощью WooCommerce Builder поддерживает возможность создания шаблона для одной страницы продукта. Как только вы создадите новый шаблон, вы увидите библиотеку шаблонов, полную блоков или полных страниц, которые вы можете использовать для своей страницы продукта WooCommerce.

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

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

Это так просто!

Чего Элементора не хватает

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

Чтобы получить полный контроль над своей темой, мы настоятельно рекомендуем использовать Astra Pro и Elementor. Astra предоставляет встроенные параметры верхнего и нижнего колонтитула, мегаменю и многое другое!

Начальные шаблоны для Elementor

Еще одним огромным преимуществом Astra является коллекция стартовых шаблонов, готовых к импорту в Elementor, включая как бесплатные, так и платные варианты.

Например, если вы создаете веб-сайт для тренера по фитнесу , вы можете использовать начальный сайт фитнес-тренера от Astra в качестве прочной основы и настроить его оттуда.

Импортировать шаблон Astra Starter легко!

Вам просто нужно установить бесплатную или платную версию Astra Theme, а также бесплатный плагин Starter Templates .

После того, как вы настроите их оба, вы можете войти в свою панель управления WordPress, перейти в « Внешний вид»> «Начальные шаблоны » и выбрать веб-сайт, который вы хотите импортировать.

Затем вы сможете вносить изменения в стартовый сайт прямо в Elementor!

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

Окончательные дополнения для Elementor

В дополнение к этим шаблонам у нас есть плагин Ultimate Addons for Elementor, который предлагает дополнительные функции, которых нет в Elementor.

Это идет даже дальше, чем Elementor Pro, предлагая расширенные виджеты, такие как переключение контента, модальное всплывающее окно, временная шкала контента и оглавление.

Для максимального контроля и гибкости определенно стоит попробовать Ultimate Addons для Elementor !

Как создавать шаблоны с Elementor

Вы можете создавать шаблоны для всех видов разделов и страниц, в том числе:

  • Страница
  • Заголовок
  • Нижний колонтитул
  • Один пост
  • Архивный блог
  • Страницы продукта

Для этого примера давайте поработаем с шаблоном поста/страницы.

Создайте шаблон страницы с Elementor

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

Более того, он доступен для всех пользователей Elementor, в том числе с Elementor Free.

Шаг 1. Нажмите «Шаблоны» на панели инструментов WordPress.

После входа в панель управления WordPress перейдите в « Шаблоны » в разделе Elementor в боковом меню.

Шаг 2. Добавьте новый или импортируйте шаблон

Здесь вы создаете новый шаблон для своего заголовка.

В диалоговом окне выберите тип шаблона страницы и дайте имя новому шаблону.

Затем нажмите « Создать шаблон », чтобы начать!

Шаг 3. Отредактируйте шаблон страницы

Как и раньше, когда мы создавали собственную страницу, здесь вы будете использовать тот же редактор. Это так же просто, как создание новых разделов, изменение столбцов и перетаскивание различных виджетов на страницу.

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

Как создать всплывающее окно в Elementor

Хотите создать всплывающее окно в Elementor? Может быть, предложить бесплатный лид-магнит, сделать объявление, привлечь потенциальных клиентов или что-то еще?

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

У вас есть несколько действительно интересных функций в профессиональной версии, таких как всплывающее окно с приветствием, дополнительные продажи продукта, всплывающие окна с намерением выйти и многое другое, поэтому мы продолжим и создадим простое всплывающее окно.

Просто выполните следующие действия, чтобы создать всплывающее окно, которое срабатывает при нажатии кнопки.

1. Перейдите в «Панель инструментов» > «Шаблоны» > «Всплывающие окна» > «Добавить новый» .

2. Назовите свой шаблон и нажмите « Создать шаблон ».

3. Вы можете создать собственный шаблон или выбрать его из библиотеки шаблонов.

4. Нажмите « Опубликовать », когда закончите. Затем сохраните и закройте.

5. Теперь создайте новую страницу в Elementor. И перетащите виджет кнопки.

6. В разделе «Макет» выберите «Ссылка» > «Динамический» > «Действия» > «Всплывающее окно» .

7. Перейдите к « Всплывающее окно» > «Открыть всплывающее окно» > и выберите только что созданное всплывающее окно.

8. Нажмите « Опубликовать », когда закончите, и проверьте страницу в реальном времени. Нажмите на кнопку, чтобы просмотреть всплывающее окно.

И вот как просто создать всплывающее окно с помощью Elementor!

Создайте мобильный адаптивный веб-сайт с Elementor

Поскольку все больше и больше пользователей посещают веб-сайты со своих мобильных устройств, крайне важно, чтобы ваш веб-сайт отображался на мобильных устройствах. Как указывалось ранее, более 50% трафика вашего сайта поступает с мобильных устройств.

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

Elementor упрощает настройку вашего веб-сайта для разных устройств.

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

Например, как показано на изображении ниже, обратите внимание на значок устройства рядом с «Ширина». Это относится практически к любому элементу, который вы хотите настроить.

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

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

Знаете ли вы, что вы можете показать или скрыть раздел в зависимости от устройства? Например, если есть ряд изображений или текста, которые вы хотели бы скрыть на мобильных устройствах, вы можете сделать это довольно легко.

Просто перейдите на вкладку « Редактировать раздел»> «Дополнительно»> «Адаптивный ».

Вы заметили набор параметров в разделе « Видимость »? По умолчанию раздел отображается на всех устройствах. Если вы хотите скрыть это, просто переключите кнопку в зависимости от вашего устройства.

Хотя вы по-прежнему можете видеть этот раздел при редактировании страницы, он не будет отображаться в интерфейсе после публикации страницы.

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

По умолчанию вы заметите мобильное представление.

Для переключения между устройствами просто щелкните значок соответствующего устройства вверху. А чтобы выйти из режима адаптивного просмотра, просто нажмите «X» в правом верхнем углу.

Насколько легко было создать мобильное адаптивное представление? Легко, верно?

Почему вы должны использовать Elementor

Теперь, когда мы знаем, как использовать Elementor, давайте рассмотрим довольно вырванный из контекста, но часто задаваемый вопрос. Почему мы должны использовать Elementor в первую очередь?

Каким бы опытным вы ни были, создание веб-сайта может быть сложной задачей. От создания навигационной точки до поддержания общей эстетики веб-сайта требуется время и усилия.

Если вы фрилансер или дизайнер веб-сайтов, вы прекрасно знаете, что с каждым новым клиентом приходят новые задачи и особые требования.

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

К счастью, у вас есть конструкторы страниц с перетаскиванием, такие как Elementor , которые выводят весь процесс веб-разработки на совершенно новый уровень.

От использования ряда виджетов и элементов для создания вашей веб-страницы до впечатляющих блоков и шаблонов — с Elementor вы можете многое сделать.

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

1. Удобный для пользователя

Создать веб-сайт с помощью Elementor так же просто, как 1-2-3. Используя функцию перетаскивания, просто добавьте виджет или элемент по вашему выбору, настройте его так, как вы хотите, и опубликуйте страницу. Это настолько просто, насколько это возможно. Вам не нужно знать, как кодировать или иметь какие-либо знания в области программирования.

2. Живое редактирование

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

3. Мощные и впечатляющие активы

С более чем 90 невероятными виджетами (также называемыми блоками) и более чем 300 дизайнерскими шаблонами вы можете дать волю своему воображению при создании веб-страниц, целевых страниц, всплывающих окон и многого другого. От заголовков до кнопок, значков социальных сетей, галерей и каруселей — есть виджет практически для любой функции, которую вы хотите добавить на свой сайт.

4. Адаптивный дизайн

Поскольку более 50 % трафика веб-сайта поступает с мобильных устройств, крайне важно, чтобы ваш веб-сайт отображался на мобильных устройствах.

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

5. Глобальные шрифты и цвета

Установите свой выбор шрифтов и цветов на вашем сайте одним щелчком мыши. Из заголовков, абзацев и даже текста кнопки определите свой бренд один раз и примените его к каждому элементу на вашем сайте.

6. Готовые шаблоны

С шаблонами Astra Starter Templates вам действительно не потребуется альтернатива. Есть готовый шаблон независимо от ниши, в которой вы находитесь.

Если вы ищете больше вариантов, вы можете рассмотреть впечатляющий набор шаблонов, которыми может похвастаться Elementor. Так что, даже если вы новичок и начинаете заниматься дизайном веб-сайтов, Astra и Elementor помогут вам.

7. Создавайте расширенные эффекты анимации

Вам нравится добавлять анимацию на свой сайт? Вы знаете, эти эффекты параллакса выделяют тексты, создавая 3D-эффект или даже эффект лотереи? Elementor позволяет вам сделать это довольно легко.

8. Высокий уровень безопасности

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

9. 50+ языков

Благодаря интеграции RTL и многоязычной поддержке Elementor доступен на нескольких языках. Используйте платформу на предпочитаемом вами языке.

10. Полная интеграция с плагинами WordPress

Будь то WooCommerce , LearnDash , Yoast SEO , MemberPress и многие другие, Elementor совместим с популярными плагинами WordPress.

11. Открытый исходный код

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

12. История изменений

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

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

13. Никаких шорткодов

Хотя мы не видим причин для того, чтобы вы отказывались от Elementor, на тот случай, если вы захотите перейти на альтернативу, ваш сайт все равно будет работать. Как и в случае с некоторыми конструкторами страниц, при использовании Elementor вы не заблокированы шорткодами.

14. Активное сообщество

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

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

15. Бесплатно

И последнее, но не менее важное: вы можете начать работу с Elementor совершенно бесплатно. Несмотря на то, что существует профессиональная версия, как упоминалось ранее в статье, бесплатная версия должна работать нормально.

Плюсы и минусы использования конструктора страниц Elementor

Как и все остальное, Elementor имеет свои плюсы и минусы. Хотя плюсы перевешивают минусы, мы перечислили их здесь для вас.

Плюсы конструктора страниц ElementorМинусы конструктора страниц Elementor
Простой и интуитивно понятный интерфейсВам необходимо перейти на версию Pro для поддержки
Перетащите конструктор страницНет пожизненного ценообразования
Легко настраивайте страницы для различных устройств (настольных, мобильных, планшетов).Случаи медленной загрузки страниц
Предварительный просмотр в режиме реального времени во время редактирования
90+ виджетов, более 300+ шаблонов и несколько блоков на выбор
Полная интеграция со сторонними инструментами
Безопасность благодаря регулярным обновлениям
Создавайте собственные темы, привлекательные всплывающие окна и анимацию
Совместимость со всеми темами
Отлично интегрируется с WooCommerce
Бесплатная версия отлично работает

Вывод

Ух ты, в этом посте мы рассмотрели много вопросов с Elementor!

Что касается основных выводов, я надеюсь, вы понимаете, почему Elementor — фантастический конструктор страниц, который избавляет веб-дизайн от многих догадок. Он обеспечивает идеальный баланс между простотой использования и глубокой функциональностью, что делает его одним из самых доступных конструкторов страниц, доступных для WordPress.

Я также надеюсь, что вы не забудете использовать Astra в качестве темы WordPress для сопряжения с Elementor . Astra легкая, быстрая и невероятно гибкая, добавляя дополнительные функции к Elementor, чтобы вы могли создавать все, что только может придумать!

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

Поделиться

Комментарии

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

Ваш адрес email не будет опубликован.