Elementor wordpress что это
Обзор Elementor — конструктор сайтов на WordPress. Подробный гайд-обзор плагина для новичков
Эту статью я сверстаю также в Elementor и периодически буду вставлять красивые блоки, чтобы сразу наглядно показывать преимущества конструктора. Поехали? 🙂
Обзор мощного конструктора для WordPress — Elementor Page Builder
Что такое Elementor и для чего он нужен
Elementor это многофункциональный конструктор страниц. Используется для верстки лендингов, лонгридов, статей и всего чего захотите 🙂 Верстка происходит с помощью готовых элементов, которые вы выбираете простым перетаскиванием и задаете необходимые настройки через удобную админ-панель.
Никакого кода и программирования. Благодаря таким конструкторам намного легче стала жизнь у людей, которые сами хотят делать верстку лендингов и страниц.
Установка
Элементор это плагин для CMS WordPress, то есть чтобы его использовать сначала нужно создать сайт на WordPress (если не знаете как это сделать, вам в помощь мой гайд), установить шаблон (про шаблоны читайте ниже) и установить плагин, Elementor готов к работе. Да, так все просто!)
У плагина есть две версии, бесплатная и платная, которая называется Elementor Pro. Какую именно использовать каждый для себя решает сам, это зависит от того какой функционал вам нужен. Сейчас я распишу все возможности, которые есть в бесплатной версии, а чуть ниже вы найдете описание преимуществ Pro версии и сами сделаете выбор.
Скажу про свой опыт. После первичного тестирования бесплатной версии я сразу для себя решил что буду пользоваться Pro версией, не смотря на то, что в бесплатном варианте итак достаточно функционала, мне очень захотелось использовать и Pro функции на своем сайте, они чумовые и точно стоят своих денег. Сейчас на моем блоге стоит официальная Pro версия со всем функционалом, из которого я, как художник, творю лендинги и страницы.
WordPress.org
Русский
Elementor — конструктор сайта
Описание
Introducing a WordPress website builder, with no limits of design. A website builder that delivers high-end page designs and advanced capabilities, never before seen on WordPress.
Конструктор страниц и лэндингов
Whether you’re a web designer looking for a way to achieve pixel-perfect websites, a marketer looking to get online fast or a developer who wants to expand their capabilities, Elementor’s website builder has what you need — intuitive drag-and-drop Editor, advanced design features and a full open-source approach.
Faster. Much Faster.
Instant reaction was a key feature we wanted to achieve. And we did. Instant drag & drop website builder, instant live edit, instant page load. This makes the interface fun and easy to work with, as well as reduces the time it takes to design.
Live design. Truly Live.
Никогда больше не работайте над бэкэндом и не гадайте, как будет выглядеть сайт. С помощью конструктора элементов или страниц вы редактируете страницу и одновременно видите, как она выглядит. Elementor позволяет редактировать контент в реальном времени, поэтому весь процесс написания и проектирования выполняется непосредственно на странице, без необходимости нажимать кнопку обновления или переходить в режим предварительного просмотра. Он также отлично работает с конструктором Gutenberg или без него.
Professional Features Right Out of the Box
Благодаря уникальным функциям Elementor вы можете создавать веб-сайты с определенным «дизайнерским стилем». Среди функций нашего конструктора страниц: тени блоков, наложения фона, эффекты наведения, эффекты заголовков, анимация, разделители фигур, градиентные фоны и многое другое.
100s of Pre-Designed Templates & Blocks
Choose from 100+ of beautiful full page WordPress templates and customize them to make them your own. You can also build your website by choosing and combining from over 300+ Blocks.
Блоки — предразработанные шаблоны секций, которые могут быть скомбинированы в одну страницу. Блоки включают различиные категории: сервисы, отзывы, призыв к действую и другие. Сохраните и изменяйте шаблоны Elementor на разных страницах или экспортируйте на разные сайты в один клик.
Responsive Live Editing
Elementor Website Builder comes with an exclusive toolset, that lets you create a truly responsive website in a whole new and visual way. From different font size, padding and margin per device, to reverse column ordering, this is the most powerful mobile site builder for creating perfect responsive websites.
40+ free widgets and counting
Никакой другой конструктор страниц или веб-сайтов не может сравниться с Elementor. Мы упаковали 40+ самых полезных виджетов в наш конструктор сайтов. Да, это намного больше, чем мы могли предложить изначально, но мы не хотели лишать вас каких-либо виджетов, чтобы вы могли достичь максимума в своих дизайнерских возможностях.
Take it a step further with Elementor Pro
The most professional WordPress Website Builder out there. Elementor Pro vastly improves your design workflow and lets you design faster and better than ever. Get access to more professional widgets, options and tools to really push your design to the next level.
Elementor is much more than a page builder! Making changes to your theme shouldn’t be so hard. Endless coding, dealing with developers, switching themes. The Theme Builder in Elementor Pro turns the entire process of creating WordPress websites 100% visual including your site’s header, footer, single post and archive page design.
Есть множество других возможностей, помогающих Вам делать лучшие сайты:
Присоединитесь к элитным веб профессионалам, которым нравится Elementor Pro!
Переведён на 59+ языков, включая RTL.
We’ve integrated RTL and multi language support within the framework of Elementor, so you get a translated panel (59+ languages) out of the box, as well as RTL typography support, and developer options to add even more languages.
Разработчик API.
Elementor website builder is free and open source. It’s the perfect plugin to be extended and integrated further. It was created and developed with the developer in mind, and we have already seen some truly remarkable addons being developed.
To help you get started and learn just how to integrate with Elementor, we have created the Official Elementor Developer Resources and the Code Reference.
Стать участником
If you want to contribute, go to our Elementor GitHub Repository and see where you can help.
Вы также можете добавить новый язык через translate.wordpress.org. Мы создали краткое руководство, описывающее способ перевод и локализации нашего плагина.
Security Report
We run a managed security Bug Bounty program, utilizing the community power by enabling 24/7/365 crowdsourced vulnerability detection.
Документация и поддержка
Понравился Элементор?
Скриншоты
Установка
Минимальные требования
Мы рекомендуем. чтобы Ваш хостинг поддерживал:
Установка
Для изучения документации и обучающих уроков, пройдите в соответствующий раздел docs.elementor.com.
Часто задаваемые вопросы
С Elementor мне еще нужна тема?
Да. Думаю как-то так: тема — это как картинка в кадре, и Elementor — это инструмент, позволяющий раскрасить картинку внутри кадра.
Совместим ли Elementor с Записями и Пользовательскими Типами Записей?
Конечно,совместим! Вы можете выбрать какие виды записей будут включены в Elementor в разделе настроек.
Могу ли я использовать другие виджеты плагинов в Elementor?
Конечно можете! Виджеты плагина, которые показаны в меню виджетов в WordPress, автоматически появляются и в Elementor. Просто перетащите их на страницу.
Должен ли я уметь программировать, чтобы использовать Elementor?
Absolutely not! Elementor is a live frontend website builder, that lets you reach a high end design with no need to write even a line of code or CSS.
Будет ли Elementor работать с RTL или другими языками?
Да! Elementor позволяет делать RTL-страницы такими же как и страницы других языков. Подробнее: Перевод и локализация.
Мой сайт работает на WordPress 2.6, будет ли Elementor работать на нём?
No. Elementor supports WordPress 5.0 or greater, and is compatible with PHP 5.6 or greater. We recommend your host supports PHP version 7.0 or greater and MySQL version 5.6 or greater.
Как работать с конструктором страниц Elementor в WordPress
Научитесь собирать страницы из блоков в визуальном редакторе Elementor в WordPress.Рассмотрим, что умеет этот инструмент и как им пользоваться. А также разберём отличия бесплатной и платной версий.
Что такое Elementor
WordPress — CMS, в которой есть тысячи тем и плагинов для создания страниц. В ней новичок может разработать дизайн любого сайта без знания вёрстки и программирования.
Собрать простой блог, лендинг или небольшой интернет-магазин в WordPress можно достаточно быстро. Однако если задача — сделать нечто большее, чем базовый ресурс, на разработку придётся потратить больше времени и углубиться в детали. Но есть инструмент, который позволит сэкономить ресурсы: плагин Elementor.
Elementor — это конструктор страниц, в котором вы просто перетягиваете блоки из меню на пустую область, создавая структуру сайта, а затем редактируете их, наполняя контентом: добавляете изображения, текст, ссылки, цветовую схему и т. д.
Также Elementor даёт возможность сделать сайт более стильным, чем при использовании базового редактора страниц в WordPress. Например, добавить двухколоночную вёрстку как в журналах, анимацию при прокрутке, нестандартные элементы (анимированный заголовок, кнопку FaceBook, таймер и другие).
Плагин Elementor пользуется популярностью. Сейчас он установлен на 5+ миллионах сайтов.
Возможности плагина Elementor
Визуальный редактор
При работе со страницами в Elementor вы сразу видите изменения, которые вносите. Поэтому наряду с конструктором сайтов его называют визуальным редактором. Но есть оговорка: добавленные изображения будут отображаться только в режиме «Просмотра страницы».
Адаптивность
Все страницы, которые вы создаёте в Elementor, будут подстраиваться под разрешения разных устройств: компьютеров, смартфонов, планшетов, и сайт будет корректно отображаться.
Виджеты
Блоки, из которых конструируется сайт, называются виджетами. Чтобы добавить их на страницу достаточно просто перетащить виджет с панели управления на страницу. Затем нужно кастомизировать элемент под ваши задачи. Как пользоваться ими, мы рассмотрим ниже.
Всего в Elementor есть около 90 виджетов. Базовые доступны в бесплатной версии. А для более продвинутых (каталога товаров, чтобы сделать интернет-магазин, или таймера, чтобы добавить предложение, ограниченное по времени) нужно покупать платную подписку.
Перечислим некоторые доступные виджеты. С полным списком вы можете познакомиться на официальном сайте Elementor.
Виджеты платной версии:
Как установить Elementor на WordPress
Откройте админку WordPress.
Наведите курсор на раздел «Плагины» и выберите Добавить новый из списка:
3. Введите название Elementor в строке поиска справа и нажмите Enter.
4. Нажмите Установить → Активировать:
Готово! После активации откроется приветственная страница. Вы можете посмотреть видеоинструкцию на английском, которая расскажет об основных принципах использования.
Как сделать сайт на Элементоре
Чтобы добавить новую страницу и редактировать её в Elementor:
Перейдите в раздел главного меню «Страницы» и нажмите Добавить новую:
2. В верхней панели кликните Редактировать в Elementor:
Чтобы изменить с помощью Elementor текущие страницы сайта, выберите в первом шаге нужную страницу, наведите на неё курсор и нажмите Редактировать в Elementor.
Вы перейдёте в редактор Elementor.
Создание сайта на WordPress Elementor
Перетащите нужный виджет с панели управления в пустую область справа:
2. Когда виджет будет добавлен на страницу, в левой части появится меню для настройки этого элемента:
Здесь вы сможете очень гибко настроить элемент. Все функции рассортированы по трём вкладкам:
В зависимости от того, какой виджет вы выберете, наборы инструментов в этих вкладках будут отличаться.
3. Настроим виджет «Заголовок».
Когда всё будет готово, вернитесь к другим виджетам, кликнув на иконку, отмеченную на скриншоте:
Повторите шаги 1–3 для остальных блоков вашей страницы. Добавим несколько элементов:
4. Чтобы сохранить черновик или опубликовать страницу, нажмите соответствующую кнопку в панели управления справа:
Шаблон Elementor WordPress
Если страница нужна быстрее и у вас нет времени собирать её по виджетам, можно использовать шаблоны Elementor. В бесплатной версии доступно всего несколько тем. Для того чтобы открылся доступ к полной галерее шаблонов, нужно перейти на платную версию.
Однако здесь есть нюанс. Можно использовать Elementor в связке с Astra, в которой собраны темы для Elementor WordPress. Мы рассказывали о том, как сделать это в инструкции.
Чтобы посмотреть каталог шаблонов, нажмите среднюю кнопку в правой области редактора:
Найдите понравившийся бесплатный (на платных сверху размещён ярлычок Pro) и нажмите Вставить:
Затем подключитесь к библиотеке шаблонов, связав свой сайт с Elementor (для этого потребуется завести учётную запись в системе). Когда всё будет сделано, вы сможете отредактировать готовый шаблон по инструкции выше.
Elementor настройка для WordPress
В Elementor можно задать общие настройки для всех страниц. Этого нужно для того, чтобы сэкономить время и сделать все элементы сайта однообразными. Например, вы можете выбрать основной и дополнительный цвета, которые будут повторяться на всех элементах (кнопках, разделителях, иконках), а затем просто выбирать их при редактировании, а не выставлять каждый раз заново.
Чтобы перейти настройкам в Elementor, в редакторе кликните по иконке с тремя полосами в панели управления и откройте раздел «Настройки сайта»:
В этом разделе вы сможете задать:
Elementor Pro
Для того чтобы облегчить работу (за счёт готовых шаблонов) или добавить гибкие инструменты (прайс-листы, таймеры и т. д.), потребуется платная версия плагина Elementor Pro. Осветим её главные отличия от базовой версии:
Elementor — бесплатный Page Builder для WordPress с открытым исходным кодом
Строители страниц в наши дни бывают разными. Они позволяют создавать красивые сайты и без навыков программирования. Некоторые темы идут со встроенным строителем страниц, но зачастую строители страниц являются отдельными плагинами. Elementor Page Builder относится ко второму типу, это отдельный плагин, который отлично работает с любыми темами и плагинами.
Скачать плагин вы можете бесплатно здесь:
Одним из его достоинств является редактирование в реальном времени. Это значит, что вы можете настраивать дизайн фронтенда в режиме реального времени без задержек или срывов. Elementor предлагает полную поддержку адаптивного дизайна, красивые иконки и виджеты, а также полный контроль над дизайном и разметкой.
Пользовательский интерфейс Elementor
Мы заново установили WordPress при помощи темы Twenty Sixteen, чтобы протестировать Elementor.
После установки Elementor вы можете установить некоторую основную информацию в меню настроек. Вы сможете выбрать тип записей с которыми будет работать Elementor, роль пользователей и ещё некоторые базовые параметры.
После этого вы увидите кнопку на любой странице или записи, если Elementor включен для этого типа страниц и записей. Просто нажмите на кнопку для входа в интерфейс Elementor:
Появится drag-and-drop интерфейс Elementor. Вот так выглядит пустая страница:
Как вы видите, всё загружается так, как выглядит на самом деле. Вы можете вносить изменения в режиме реального времени. Не нужно постоянно переключаться между бэкенд и фронтенд интерфейсом. Вы будете видеть точно то же самое, что и ваши посетители. Это значительно упрощает создание красивого дизайна.
Настройки разметки
Elementor делает легче настройку разметки. Если вы хотите поменять базовую разметку с 1 колонкой на что-то другое, то просто нажмите кнопку “ADD NEW SECTION”, и у вас появится выбор из 12 различных структур. Нажмите на любую из них, чтобы установить её в разметку:
Вы можете добавлять любое количество разделов.
Менять размер разделов легко. Если вы хотите изменить размер по горизонтали, то просто растяните раздел вот так:
Изменение размера необычайно плавное. Мы не обнаружили никаких сбоев.
В разделе настроек вы можете также добавить вертикальный отступ между колонками, настроить фоновый цвет и многое другое.
Виджеты Elementor
Виджеты — это кирпичики в вашем дизайне веб-сайта. Вы можете добавить их в разделы, описанные выше. Просто перетащите их на свой сайт из меню слева. Elementor на данный момент содержит 22 виджета, плюс дополнительные виджеты WordPress:
Кроме того, есть стандартные виджеты, например: заголовки, изображения и т.д. У Elementor есть несколько крутых дополнений. Один из наших любимых — это виджет Counter. Мы думаем, что в будущем можно круто объединить Google Maps с виджетами Progress Bar.
Мы бы хотели, чтобы список виджетов в будущем увеличился. Elementor значительно лучше, чем большинство бесплатных строителей страниц, но не настолько развитый, как большинство премиум плагинов. Не ожидайте ценников или каких-то особенных виджетов в нынешней версии Elementor.
Чтобы добавить виджет, просто перетащите его в нужный раздел:
Для того, чтобы показать, насколько быстро работает Elementor, давайте построим страницу. Мы можем собрать разметку за 30 секунд. Да, дизайн не впечатляет, но нас впечатлила скорость интерфейса и построения новой страницы.
За время тестирования интерфейса мы убедились, что Elementor работает без задержек и сбоев. Виджеты появляются мгновенно после их перетаскивания. Интерфейс очень прост в использовании.
Настройка виджетов
Elementor предоставляет огромное количество возможностей для редактирования каждого виджета, который вы добавили на страницу. Когда вы добавляете новый виджет, вы можете настроить его информацию, стиль и расположение:
Elementor позволяет вам выбрать, адаптивный виджет или нет, и показывать или прятать виджет в зависимости от системы пользователя. Вы можете настроить параметры для:
Эта функция позволяет вам получить по максимуму от адаптивного дизайна. Отличное дополнение от Pojo.
Добавление виджетов
В дополнении к своим 22 встроенным виджетам, Elementor позволяет добавлять в дизайн виджеты WordPress. Метод добавления такой же — просто перетащите их в нужное место:
В дизайн Elementor вы можете добавить даже пользовательские виджеты. Elementor поддерживает другие плагины, что является огромным достоинством.
Предварительный просмотр
С помощью Elementor можно легко посмотреть, как будет выглядеть ваша страница на разных устройствах. Эта функция очень полезна и сохранит вам много времени. Больше не нужно гадать, как будет выглядеть страницы на мобильном устройстве, вы можете проверить это прямо в интерфейсе Elementor:
Мы часто ловим себя на том, как обновляем сайт, а потом загружаем его на мобильном, чтобы проверить адаптивность сайта. К счастью, теперь это уже в прошлом благодаря Elementor. Это одна из наших любимых функций. Она прекрасно работает, а вы можете менять устройства без каких-либо проблем.
У Elementor есть заготовки для:
Просто нажмите на любой из вариантов и вы сможете настроить сайт в режиме реального времени. Изменения сразу отобразятся на устройстве. Круто!
Цена и документация
Elementor идёт за прекрасную цену — БЕСПЛАТНО! На данный момент, он 100% бесплатен. Нет платных аддонов, нет ограниченных функций. Вы получите весь пакет совершенно бесплатно.
Итоги
В целом, мы считаем, что Elementor — это один из лучших бесплатных строителей страниц. Он позволяет создавать красивый дизайн с отлично работающим фронтенд интерфейсом. Подбор виджетов не идеален, но большинству пользователей хватает. К тому же, плагин отлично себя показывает в адаптивном дизайне, что крайне важно.
Плюсы Elementor:
Минусы Elementor:
А вы использовали Elementor? Расскажите нам в комментариях!
Плагин elementor для WordPress
Для создания сайта в WordPress можно использовать платную или бесплатную тему, максимально подходящую по дизайну и функционалу. Но работа над серьезными интернет проектами часто требует внесения новых элементов или добавления уникальных функций, не предусмотренных авторами тем. Чтобы расширить возможности веб-мастеров, существуют плагины-конструкторы страниц, позволяющие создавать элементы сайта и даже персонализировать с нуля тему фреймворка, не затрагивая при этом код темы.
Конструктор устанавливается на уже имеющийся сайт, созданный с установленной темой или полученный путем самостоятельной верстки. Его можно установить и на «пустой» WP. После установки появляется возможность верстать любые страницы, составляя их из блоков-виждетов, входящих в комплектацию конструктора. Виджеты представляют собой подобие деталей конструктора, из которых складывается полноценная страница. Каждый виджет обладает набором настроек, благодаря чему его можно преобразовать под свои требования.
Elementor — конструктор сайтов и страниц
Elementor является наиболее популярным плагином-конструктором. Он активно развивается, совершенствуется, что обеспечивает ему максимальную актуальность и конкурентоспособность. Его возможностей вполне достаточно для того, чтобы создавать не только новые страницы, но и целые темы.
Описание
Конструктор Elementor совместим со всеми темами WordPress. Он универсален – может быть применен при разработке интернет-магазина, лендинга, представительского сайта, любого другого интернет проекта. Управление осуществляется через удобную админ панель. Элементы размещаются на нужных областях страницы путем перетаскивания. Навыков программирования для использования этого плагина не требуется.
Установка
Чтобы получить возможность применить Elementor нужно установить его на вордпресс так же как и любой плагин. Проще всего это сделать через консоль платформы. Сначала нужно зайти в «плагины», перейти во вкладку «добавить новый», и в открывшемся каталоге найти Elementor (можно при помощи поисковой строки). После этого на карточке плагина следует нажать кнопку «установить». Загруженный плагин появится в списке расширений. Чтобы он заработал его необходимо активировать.
Возможности бесплатной версии
Плагин Elementor предлагается в двух версиях – платной и бесплатной. Для начинающих разработчиков сайтов достаточно будет функций бесплатного конструктора. В их число входят все необходимые функции, и даже больше.
Настройки типографики
Плагин предоставляет возможность тонкой настройки текстового контента. Веб мастер по своему усмотрению может регулировать практически все параметры выводимого текста, включая межсимвольный интервал, интерлиньяж, шрифт, стиль, цвет. Данная функция позволяет только за счет внешнего вида текстовых блоков делать стильные эффектные страницы сайта.
Произвольное позиционирование
Данная функция обеспечивает возможность устанавливать блоки страницы в любом месте, без каких-либо привязок и ограничений. Данный инструмент особенно полезен при создании оригинальных красивых сайтов с нестандартным дизайном. Такой подход обычно применяется в разработке интернет проектов, посвященных творчеству, искусству, путешествиям.
Анимация при появлении изображения
Это единственный вариант анимации, доступный в бесплатной версии конструктора. Но и его одного достаточно для эффектного оформления блоков. Красивое появление изображений придает сайту более солидный вид, делает его дизайн профессиональным, законченным.
Разделитель секций
Бесплатный Elementor включает более десяти вариантов разделителя, который устанавливается между блоками. Так, при желании можно разделить их волной, наклонной чертой или облаками.
История изменений
В плагине предусмотрено ведение истории изменений, как у графических редакторов. Это очень удобно, особенно учитывая широкие возможности конструктора, позволяющие безгранично экспериментировать. Так, изменение, которое оказалось неудачным, можно просто отменить. Кроме того, можно пробовать разные варианты оформления, и потом возвращаться на несколько шагов назад, чтобы выбрать лучший из них.
Плагин с русским переводом
Многие полезные расширения не очень активно применяются российскими веб-мастерами, так как их интерфейс не имеет русского перевода. В случае с Elementor этот недочет устранен. плагин переведен на множество языков, в том числе и на русский.
Сохранять как шаблон
Разработанную с помощью конструктора страницу или отдельную секцию сайта можно сохранить как шаблон. При последующей работе сохраненные шаблоны могут быть использованы для других страниц, разделов или сайтов.
Настройка адаптивности
Это очень ценная функция, так как для просмотров сайтов все чаще используются гаджеты и все реже ПК. Непосредственно в редакторе Elementor можно переключаться между разными типами устройств, настраивать отображение сайта для каждого из них по отдельности. Установив правильное отображение на мобильных устройствах можно не переживать о том, что часть посетителей покинет сайт сразу после входа на главную страницу из-за некорректной презентации.
Настройка колонок и секций
Каждый элемент, секция, колонка имеет в конструкторе множество настроек, разделенных на три вкладки – содержимое, стиль и настройки. Большое количество пунктов настроек в первое время работы с планигом кажется неудобным. Но со временем процесс выбора нужной функции становится привычным и быстрым. Зато такие тонкие настройки обеспечивают сайту оригинальность, неповторимость дизайна.
Варианты макета
Для работы по конструированию сайта можно использовать один из трех вариантов макета – полная ширина, холст и по умолчанию. При первом варианте страница представлена с шапкой и подвалом, без сайдбара, а вставленный контент растягивается во всю ширину страницы. Макет «холст» – это пустое поле без шапки, подвала, сайдбара. Макет по умолчанию представляет собой страницу с шапкой, подвалом и сайдбаром, а контент располагается и редактируется в колонке, куда он помещен.
Элементы
Чтобы составлять блоки и страницы самых разных видов и типов в конструкторе есть более 30 различных элементов. Они разбиты на разделы. Так, например, можно выбрать наиболее подходящий вариант отображения заголовка, колонки, изображения, кнопки, разделителя, иконки, а также вообще любого элемента сайта.
Секция
Область для размещения элементов называется секцией. Перед установкой той или иной части страницы настраивается секция под нее. Она необходима для того, чтобы задать точное положение элемента. Может содержать от 1 до 6 колонок. Одной секция может совмещать несколько элементов, распределенных по колонкам.
live режим
Очень важно то, что все настойки в данном конструкторе осуществляются в онлайн режиме. Все улучшения можно увидеть сразу же, без процедуры обновления сайта, а это существенно ускоряет процесс. Панель управления конструктора размещается в левой части экрана, а страница сайт – в правой. Таким образом обеспечивается одновременный обзор функций плагина и настраиваемого объекта.
Режим «в разработке»
Если сайт находится на обслуживании и временно не функционирует, выводится страница, созданная конструктором, которая оповестит посетителей о том, что ресурс скоро будет доступен. Вывести можно любой текст. Чаще всего пользователям сообщают, что сайт «в разработке» или «на обслуживании». Необходимость данной функции обусловлена тем, что увидев просто неработающий ресурс посетитель может решить, что он больше не работает. В таких случаях люди удаляют сайты из закладок и больше не возвращаются. Но красиво оформленная страница «в разработке» или «на обслуживании» сигнализирует о том, что сайт не только благополучно продолжает действовать, но еще и активно улучшается разработчиками.
Возможности Pro версии
Платная версия используется преимущественно опытными веб-мастерами, которым необходимо иметь максимальный комплект инструментов настройки. Возможности Pro настолько широки, что позволяют воплощать самые изысканные неожиданные дизайнерские идеи, не вмешиваясь в код сайта.
Техподдержка
Единственный фактор в пользу приобретения Pro версии новичком – это круглосуточная и предельно активная техническая поддержка. При возникновении вопросов или сложностей применения конструктора можно обратиться за помощью к специалистам, представляющим Elementor. Причем в любое время и в любой день, включая праздники и выходные.
Обновления
Платный вариант конструктора автоматически обновляется при появлении новых дополнений или улучшений. Это немаловажно с учетом того, что данное расширение постоянно совершенствуется, довольно часто добавляют разнообразные «фишки».
Пользовательские CSS
При желании и наличии соответствующих знаний пользователь Elementor может изменять стили CSS, внося корректировки в код. Данная функция применяется для того, чтобы придать тому или иному элементу свойство, не предусмотренное в функционале конструктора. Несмотря на широкий спектр заложенных заготовок, такое тоже случается.
Глобальные настройки
Созданные макеты можно сохранять как шаблоны имея бесплатную версию конструктора. Но установив версию Pro, мы получаем возможность связывать несколько макетов, чтобы одновременно всем им задавать определенные настройки. Это удобно тем, что при редактировании установленных на разных страницах аналогичных деталей, например кнопок или всплывающих окон, не нужно менять каждую из них, достаточно изменить одну.
Интеграция с сервисами
Elementor интегрируется со всеми основными сервисами, которые могут понадобиться при работе над сайтом.
Шаблоны страниц
Платный конструктор содержит более 300 шаблонов страниц. Они помещены в библиотеку, в которой легко отыскать максимально подходящий. Есть возможность взять один из готовых шаблонов, вставить свою информацию, и раздел сайта готов. При желании можно безгранично видоизменять выбранный шаблон.
Настройки движения
Для создания собственных креативных элементов сайта используются высококачественные анимационные эффекты. В бесплатном варианте Elementor предусмотрен эффект анимации при появлении изображения. ПРО версия дополнена эффектом при пролистывании и эффектом при движении мыши. Если использовать эффект при пролистывании, то в момент прокрутки сайта будет происходить увеличение, поворот, размытие, или какое-то другое действие, придающее ресурсу солидный стильный вид.
Эффекты при движении мыши применяются не часто. Они должны быть хорошо продуманы, чтобы не мешать просмотру контента. Но при грамотном внедрении таких эффектов получаются очень интересные и привлекательные во всех отношениях сайты. Эффект анимации при появлении самый простой. Его легче всего настроить и он не создает перегруженности страницы.
Интернет-магазин
Elementor применим при верстке или настройке интернет-магазинов. Он совместим с Woocommerce. Кроме того, внесено более десятка легко настраиваемых виджетов-элементов магазина. С их помощью создаются витрины, карточки товаров, корзины и т. д.
Своя тема
Используя данный конструктор, можно полностью сверстать свою тему для сайта. В нем есть все необходимое для создания необходимых частей любого ресурса, сделанного на платформе вордпресс. А именно – главная страница, шапка, подвал, страница 404, формат статьи, страница вывода постов.
Шапка и подвал
Несмотря на существующую возможность сделать полностью свой сайт из предложенных элементов как из деталей конструктора, большинство пользователей предпочитают применять готовые темы, видоизменяя отдельные их части. Из стандартной темы может получиться оригинальный сайт с уникальным дизайном, если просто заменить в ней шапку и подвал. Конструктор Elementor позволяет полностью или частично менять конструкцию подвала и шапки, задавать свои настройки. При этом есть возможность устанавливать разные варианты шапки и подвала на отдельных страницах.
Контактная форма
Комплектация ПРО включает функции, заменяющие некоторые расширения. Например, можно обойтись без плагина для создания форм Contact Form 7, которым пользуются почти все разработчики сайтов на вордпресс. Любую форму можно сверстать конструктором.
Формы, сделанные Элементором более удобны, чем те, которые делаются плагинами. Конструктор может менять их внешний вид, содержание, функциональность так, как этого пожелает веб-мастер. Плагины форм либо вообще не имеют функции настройки внешнего вида, либо наделены ограниченными возможностями настроек, которые не всегда качественно работают.
Настройки поп-ап окон
Всплывающие окна поп-ап, имеющие содержание в виде призывов к действию, могут быть тонко настроены. Например, можно задать их появление по прошествию определенного времени, или после просмотра определенного количества страниц сайта. Часто такие окна настраивают на появление при выходе с сайта, как только пользователь нажимает кнопку «закрыть». Эти окна могут просто выводиться на отдельных страницах при их открытии или, например, по клику на поле виджета.
Создание поп-ап окон
В платной версии есть инструментарий и для разработки самих всплывающих окон с призывами. Их делают либо с нуля, используя специальные элементы, либо на основе готовых шаблонов поп-апов, которых в Элементоре более сотни. В окнах выводят не только призывы к действию, но еще и анонсы, акции, формы регистрации, формы подписки и многое другое.
Дополнительные элементы
В дополнение к имеющимся в бесплатной версии элементам в ПРО есть еще 30. К ним относятся элементы для создания форм, медиа карусели, слайдера, прайса, отображения контента в соцсетях и других элементов.
Инструкция по созданию страниц
Чтобы начать работу необходимо сначала скачать и установить конструктор, как было описано в начале статьи. Если оплачена ПРО версия, при установке нужно выбрать и активировать ее.
После того как Элементор будет установлен можно зайти в раздел «страницы» – «создать новую», и там нажать кнопку « редактировать в Elementor». После этого в левой части экрана появляются пункты управления конструктора, а в правой – поле, в котором будет происходить редактирование. Это поле может иметь вид страницы с шапкой и подвалом или чистого холста.
Первым шагом будет добавление первого элемента. Добавляются секции путем нажатия кнопки в правой части экрана. Кнопка выглядит как красный кружок с белым плюсом. Нажимаем кнопку, выбираем элемент, добавляем его на поле. Таким же способом добавляются остальные части страницы. Готовую страницу следует сохранить и опубликовать. Или просто сохранить, если еще не все настройки внесены. Для сохранения-публикации есть специальное окно внизу экрана, в левой его половине. Сохранить страницу можно как шаблон или как черновик.
Темы для Elementor
Данный конструктор совместим с любыми темами вордпресс. Однако некоторые авторы тем ориентируются именно на это расширение и создают продукцию именно под него. Ниже приведены наиболее популярные темы для Elementor.
Monstroid
Многоцелевая тема. Основное ее преимущество в том, что она часто обновляется и всегда соответствует последним тенденциям. Последний ее вариант представляет собой максимально мощный универсальный шаблон, подходящий для разработки качественных блогов, новостных и информационных сайтов, лендингов, портфолио, интернет-магазинов.
Luxor
Тема для сайтов на автомобильную тематику. Подойдет для интернет-магазина автозапчастей или для интернет-проекта, представляющего автосалон. Дизайн грамотно продуман с учетом привлечения целевой аудитории. Наделен выразительными изображениями и видео элементами. Поставляется с комплектом Jet-плагинов.
BuildWall
Шаблон для сайта строительной тематики. Может быть применен при разработке ресурса поставщика стройматериалов, строительной компании, архитектурной организации. Имеет 6 скринов под строительное и бизнес направление. BuildWall при соответствующих дополнениях станет отличным интернет-магазином.
FitPeople
Основа для ресурса спортивного направления. Первоначальное назначение – сайт спортзала или фитнес клуба. В ней есть все необходимое для эффектной презентации помещения, оборудования, тренеров. Можно красиво оформить прайс со списком предоставляемых услуг.
Belle Fleur
Вариант интернет презентации свадебного салона. Подойдет для сайта свадебного фотографа, организатора свадеб. Содержит инструментарий для оформления красивой галереи с качественными фото. Можно разделить фото на альбомы.
Contributz
Шаблон для бизнеса в области консалтинга. Удобная основа корпоративного сайта. Легко настраивается, быстро загружается, очень стильно и современно выглядит.
DentalCare
Специальная тема для продвижения стоматологических услуг. Обладает легко настраиваемой структурой. Позволяет корректировать отображение галерей, а также шрифты и фоны всех элементов. Предусмотрена функция онлайн записи на прием в клинику.
Tourizto
Отличный сайт турагентства. Поставляется вместе с плагином JetElements. Мощное, гибкое в настройках решение, пользующееся повышенным спросом среди пользователей вордпресс.
Soothery
Популярный вариант сайта спа-салона. Адаптивная SEO оптимизированная тема, выполненная в спокойных приятных оттенках. Имеет красивый слайдер на главной, а также инструментарий для настройки форм, таблиц цен, страниц блога. Есть возможность установить анимированный счетчик для акций.