Обзор Elementor 2.0: изменение лица веб-дизайна

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

Читайте дальше, чтобы узнать больше о том, что может предложить Elementor, и получить более полное представление о новейших функциях, выпущенных с Elementor 2.0. Мы также рассмотрим преимущества перехода на Elementor Pro. И расширенные функции, которые предоставляет это расширение премиум-класса. Давайте начнем…

Введение в Elementor

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

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

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

Особенности Elementor

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

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

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

• Галерея.
• Карусель изображений.
• Карты Гугл.
• Кнопки.
• Video.

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

Вот некоторые из других основных функций, которые предлагает Elementor …

• Полная настройка над макетом.
• Видео фоны.
• Встроенное редактирование.
• Изображение и лайтбокс галереи.
• 800+ шрифтов Google.
• Дизайн посадочной страницы.
• Мобильный монтаж.
• Удобство для разработчиков.

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

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

Новые возможности Elementor 2.0

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

Блоки Elementor

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

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

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

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

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

Elementor Developer API

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

Центр разработчиков состоит из двух разделов…

• Ресурсы для разработчиков Elementor.
• Справочник по коду Elementor.

Давайте посмотрим на оба эти вопроса более подробно …

Ресурсы для разработчиков Elementor

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

Справочник по коду Elementor

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

Если вы разработчик плагинов или тем WordPress, Elementor Developers Center – бесценный ресурс, который стоит посетить.

Elementor Pro 2.0 – конструктор тем

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

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

Elementor Pro Theme Builder работает с любой темой WordPress и позволяет визуально создавать все аспекты вашего веб-сайта на его внешнем интерфейсе. Используя динамические шаблоны, вы можете создать основу для своего контента, а затем применить ее на своем сайте. Затем шаблоны заполняются динамическим контентом с вашего веб-сайта одним щелчком мыши.

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

Elementor Pro 2.0 – функции еще впереди

Как мы упоминали ранее, Elementor 2.0 развертывается поэтапно. А для Elementor Pro 2.0 еще есть функции.

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

• Виджет продуктов WooCommerce – отображение и фильтрация продуктов WooCommerce на вашем сайте.
• Виджет категорий WooCommerce – выберите, какие категории продуктов будут отображаться.
• Виджет Woo Elements – добавьте на свой сайт страницы электронной коммерции, включая страницу корзины, страницу одного продукта, страницу оформления заказа и многое другое.
• Woo Add to Cart Widget – отображение кнопки «Добавить в корзину».

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

Также впереди идет обширная поддержка Advanced Custom Fields (ACF) и Toolset. С помощью этой функции вы сможете создавать поля содержимого в ACF или Toolset, а затем визуально включать их на любую страницу. Что для разработчиков вполне может изменить правила игры.

Стоит ли вам перейти на Elementor Pro?

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

Итак, давайте быстро посмотрим, что еще может предложить Elementor Pro …

• Профессиональные шаблоны – выберите из ряда профессиональных шаблонов высокого класса.
• Формы – создавайте и добавляйте контактные формы, формы подписки, формы входа и многое другое.
• Мультимедиа – демонстрируйте изображения и видео с помощью виджета «Карусель» или «Слайды».
• Пользовательский CSS – добавьте свой собственный код и посмотрите, как он работает в живом редакторе.
• Интеграции – легко интегрируйтесь с MailChimp, Facebook SDK, reCAPTCHA и Adobe TypeKit, и это лишь некоторые из них.
• Социальные сети – добавьте кнопки общего доступа, значки социальных сетей, интеграцию с Facebook и многое другое.

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

Последние мысли об Elementor 2.0

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

Есть вопросы по новым выпускам Elementor 2.0? Пожалуйста, не стесняйтесь спрашивать в комментариях ниже …

Источник записи: https://www.wpexplorer.com