Пропустить

Elementor Pro: 10 потрясающих функций, которые нужно разблокировать - часть I

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Хотите узнать, какие функции лучше всего использовать в Elementor Pro?

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

Прочтите наше руководство по: Как установить Elementor на WordPress

На самом деле есть два способа расширить функциональность Elementor. Помимо обновления до версии pro, вы также можете установить сторонние надстройки, разработанные известными разработчиками, например weDevs, WPDeveloper, исп Крокоблок. Если вы предпочитаете вместо этого перейти на Elementor Pro и все еще хотите знать, какие функции вы можете разблокировать, вот список.

20 лучших функций Elementor Pro

1. Генератор тем

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

Что такое конструктор тем?

Чтобы понять концепцию конструктора тем, вам сначала нужно понять компоненты темы WordPress. Тема WordPress состоит из файлов шаблонов. Каждый файл шаблона управляет макетом части темы. Например, файл header.php управляет макетом заголовка темы, а файл footer.php управляет макетом нижнего колонтитула темы. Большинство тем WordPress имеют следующие файлы шаблонов:

  • header.php: Для управления макетом заголовка.
  • footer.php: Для управления макетом нижнего колонтитула.
  • single.php: Для управления макетом отдельной статьи (сообщения в блоге).
  • sidebar.php: Для управления макетом боковой панели.
  • archive.php: Для управления макетом страниц архива.
  • page.php: Для управления макетом страницы.

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

элементор-про-удивительные-функции-мастеру

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

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

2. WooCommerce Builder.

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

Лир: Как создать собственную страницу магазина WooCommerce с Elementor

Вместо этого вы можете самостоятельно настраивать части WooCommerce с помощью визуального редактора Elementor. Части WooCommerce, для которых вы можете создавать собственные шаблоны:

  • Страница одного продукта
  • Страницы архива товаров (категории и теги)
  • Страница магазина

У вас есть следующие виджеты для создания пользовательских шаблонов для WooCommerce:

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Продукция Рейтинг продукта
WooCommerce панировочные сухари Товарный запас
Пользовательское Добавить в корзину Мета продукта
Страницы WooCommerce Описание
Категории продукта.. Содержание продукта
Корзина меню Вкладки с данными о товарах
Название продукта Дополнительная информация
изображения продуктов Связанный с продуктом
Цена продукта Допродажи
Добавить в корзину

3. Конструктор форм

элементор-про-удивительные-функции-мастеру

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

Текст принятие
Эл. адрес Скрытый
Textarea HTML
URL Пароль
Телефон: Загрузка файла
Выберите Время
флажок Время
Радио Число

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

Сам Elementor не имеет функции по умолчанию для обработки отправки формы. Виджет Elementor Form поддерживает интеграцию с популярными сервисами GetResponse, ActiveCampaign, ConvertKit, Discord и т. Д.

4. Генератор всплывающих окон

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

Elementor предлагает более 100 готовых шаблонов всплывающих окон.

элементор-про-удивительные-функции-мастеру

Сам генератор всплывающих окон Elementor поддерживает следующие типы триггеров:

  • При загрузке страницы - При загрузке страницы
  • При прокрутке - при прокрутке
  • При прокрутке до элемента - при прокрутке до элемента
  • По щелчку - По щелчку
  • После бездействия - После бездействия
  • Намерение выхода из страницы - Намерение выхода из страницы

Генератор всплывающих окон Elementor Pro также поддерживает условия отображения, что позволяет вам определять, где будет появляться всплывающее окно. Он также позволяет отображать всплывающее окно при следующих условиях:

  • После x просмотров страницы
  • После x сеансов
  • При переходе с определенного URL
  • Когда прибывают поисковые системы
  • Показывать всплывающее окно только для не вошедших в систему пользователей
  • Отображение на определенных типах устройств (настольный компьютер, планшет, смартфон)
  • Показать в определенных веб-браузерах

Благодаря поддержке триггера щелчка вы также можете использовать генератор всплывающих окон для создания как полноэкранное меню и меню за пределами холста.

5. Сторонние интеграции

Как упоминалось выше, вы можете использовать виджет Elementor Form для создания широкого спектра форм благодаря его обширной поддержке полей форм. Один из них позволяет использовать виджет «Форма» для создания формы регистрации по электронной почте для создания потенциальных клиентов.

Вы можете подключить свою форму к популярным сервисам электронного маркетинга, таким как ActiveCampaign, GetResponse и т. Д.

Вот сторонние сервисы, с которыми вы можете интегрировать свою форму:

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

  • GetResponse
  • ActiveCampaign
  • MailerLite
  • ConverKit
  • MailPoet
  • Mailchimp
  • Капельное
  • Вялый
  • Раздор
  • HubSpot

Эти сторонние интеграции особенно полезны, если вы хотите использовать Elementor для создания целевых страниц.

6. Пользовательский CSS

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

Читайте также: Как импортировать или экспортировать модели в Elementor

Вы можете добавить собственный CSS к каждому элементу Elementor. Будь то раздел, столбец или виджет. Вы можете получить доступ к блоку Пользовательский CSS под вкладкой Передовой на панели настроек (панель слева) в редакторе Elementor, чтобы добавить собственный CSS.

7. Эффекты движения

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

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

8. Более 90 виджетов.

Как вы знаете, Elementor выпущен как плагин freemium, что означает, что есть бесплатная версия, позволяющая вам наслаждаться пользовательским интерфейсом Elementor, не тратя ни копейки. Хотя Elementor Free предлагает базовые виджеты, профессиональная версия поставляется с более продвинутыми виджетами, такими как форма, сообщения, логин, прайс-лист и т. Д.

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

Блог Обратный отсчет после Отрывок
Портфолио Поделиться кнопками Изображение
Слайды BLOCKQUOTE Коробка автора
Форма Кнопка Facebook Комментарии к сообщению
Логин Facebook Комментарии Post Navigation
Анимированный заголовок Facebook встроить Сообщение
Прайс-лист Страница на фэйсбуке Продукция
Таблица цен шаблон WooCommerce панировочные сухари
Флип-бокс Логотип сайта Custom Добавить в корзину
Призыв к действию Название сайта Страницы WooCommerce
Медиа-карусель Плитка страницы Категории продукта..
Отзыв Карусель Nav меню Корзина меню
Отзывы Форма поиска Лотти
Карта сайта Заголовок поста Выделить код
Видео плейлист Кнопка PayPal Hot Spot

Всего существует более 90 виджетов, которые вы можете разблокировать (бесплатные виджеты и профессиональные виджеты).

9. Динамический контент

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

  • Логотип сайта
  • Название сайта
  • Название страницы
  • Заголовок поста
  • после Отрывок
  • Изображение
  • Сообщение
  • Блог

10. Пользовательские поля

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

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

  • Бобы
  • Расширенный Пользовательские поля
  • Набор инструментов
  • JetEngine

Как интегрировать определенный плагин настраиваемого поля с Elementor?

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

В конце

Elementor - отличный инструмент для создания красивого веб-сайта без использования кода. Будь то коды CSS, коды HTML, коды PHP или коды JavaScript. Бесплатная версия Elementor была великолепна, но чтобы раскрыть ее потенциал как лучшего плагина для построения страниц, вам нужно разблокировать все функции, которые вы можете сделать, обновившись до профессиональной версии.

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

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

Получите Elementor Pro прямо сейчас!

Заключение

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

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

Но тем временем поделитесь этой статьей в разных социальных сетях.

...

Эта статья содержит комментарии 0

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
0 акции
доля
чирикать
Регистрация