Элементор (Elementor) — один из наиболее рекомендуемых плагинов для WordPress, когда мы хотим разработать или создать веб-сайт любого типа или интернет-магазин для продажи продуктов. Он не всегда используется, но, безусловно, облегчает работу.
Это руководство объясняет все о вас и дает дополнительные советы.
Что такое Elementor?
Элементор (Elementor) — это плагин WordPress, который позволяет создавать страницы и веб-сайты на основе самой популярной в мире системы управления контентом. Плагин создан в 2016 году от компании, также имеющей свое название.
Плагин фактически позволяет создавать страницы, настроенные на сайтах WordPress, и добавлять к ним определенные элементы (например, заголовки, текст, изображения, слайдеры, видео, карты, значки и многое другое). Премиум-версия также позволяет заменять обширные части шаблона и настраивать целые сайты.
- Cloudways - Лучший веб-хостинг WordPress!
- Elementor PRO - Плагин для создания страниц WordPress (рекомендуется).
- JetPlugins - Плагин расширения Elementor (рекомендуется).
- Astra PRO - одна из лучших тем WordPress.
Помимо этого, сегодня существует множество плагинов, которые предоставляют «расширения» для плагина Elementor, так что вы можете получить больше элементов, которые не включены в версии компании. Это позволило упростить инструменты для создания веб-сайтов в WordPress.
В прошлом WordPress изначально не предусматривал дизайн страниц (до запуска редактора контента по умолчанию «Gutenberg»). Но только через плагины, которые существовали еще до запуска Elementor, такие как WPBakery или Visual Composer.
Elementor добился успеха очень быстро, потому что он позволил создавать страницы более простым способом (по сравнению с предыдущими 2) с возможностью перетаскивания элемента в нужное место. Это также позволило добавить более простой интерфейс с расширенными инструментами и, особенно, с адаптацией к сайтам с написанием справа налево.
Преимущества Elementor — почему оно того стоит?
Elementor — очень полезный плагин в тех случаях, когда вы хотите создавать страницы. Вот основные преимущества:
- Отсутствие знаний в области программирования — вы можете создавать страницы, не разбираясь в коде или программном обеспечении. (Однако он не касается сложных случаев, когда требуется работа с кодом).
- Существенно не снижает скорость сайта — любой плагин WordPress, представленный пользователю, влияет на скорость загрузки. Но Elementor существенно не повредит скорости вашего сайта.
- Подходит под любую тему — Elementor подходит под любой дизайн-шаблон, установленный на сайте.
- Бесплатная версия — Elementor включает бесплатную версию с более чем 5 миллионами загрузок и установок через WordPress.org.
- Есть техническая поддержка — вы можете получить техническую поддержку на форумах WordPress или через компанию, которая предоставляет решение в этой области.
- Дополнительные расширения — версия имеет дополнительные расширения, некоторые платные, а некоторые бесплатные, что дает вам больше инструментов.
Elementor — функции и инструменты для создания страниц
Итак, после того, как мы объяснили, что это такое и почему это стоит того, мы переходим к этапу объяснения функций и инструментов, которые предлагает бесплатный плагин, а именно:
- Заголовки и тексты — могут быть созданы индивидуально, включая размер, расположение, цвет, цвет фона, интервал и многое другое.
- Фото и видео — вы можете добавлять фото и видео на созданную страницу, даже добавлять их в качестве фона.
- Кнопки — вы можете добавить специально адаптированные кнопки для действий.
- Значки — вы можете добавлять функции или преимущества, отображая визуальные значки.
- Галерея и карусели — Подходит для тех, кто хочет показать список проектов или их клиентов в одном месте.
- Аккордеоны — подходят для дизайна страниц с использованием сворачиваемого отображения содержимого.
- Разделитель — позволяет разделять элементы.
- Столбцы — для отображения содержимого в нескольких столбцах в одной строке.
- Карты Google — возможность просмотра карты и местоположения вашего бизнеса.
- И больше…
Кроме того, платная профессиональная версия за 49 долларов предлагает дополнительные функции, такие как:
- Всплывающие окна — чтобы пользователь мог видеть панель регистрации, например, при нажатии кнопки.
- Дизайн заголовков — вы можете создавать верхние и нижние колонтитулы (меню и кредиты).
- Динамический контент — контент, полученный из определенного источника адаптированным способом.
- Создавайте страницы других типов — вы можете создавать «не найденные» страницы, категории, настраиваемые страницы и многое другое.
- Готовые дизайны — вы можете выбрать готовые шаблоны или дизайны.
- Формы — вы можете создавать контактные формы или другие.
- Подходит для WooCommerce — Дополнительные инструменты для сайтов электронной коммерции.
- И больше…
Опять же, есть и другие плагины, которые предоставляют расширения для Elementor, вы можете прочитать об этом в статье о рекомендуемых плагинах для WordPress.
Как использовать с Elementor?
Elementor — это инструмент с практически неограниченными возможностями, поэтому не все можно здесь перечислить. Однако мы объясним основы использования плагина.
1. Загрузить и установить
Прежде всего, загрузите официальный плагин в библиотеке плагинов WordPress здесь. Если у вас есть веб-сайт, просто перейдите в Панель управления > перейдите в меню Плагины > Новый плагин > Введите в поле поиска «Elementor». Затем нажмите «Установить», а затем «Активировать».
Если появится мастер, объясняющий шаги, вы можете щелкнуть X, чтобы закрыть его. Вы всегда можете получить доступ к этому мастеру.
2. Использование плагина
Чтобы использовать плагин, вы должны выбрать, какую страницу вы хотите создать. Предположим, вы заинтересованы в создании своей страницы «О себе». Поэтому перейдите на эту страницу в меню «Страницы» и нажмите «Изменить».
Там вам будет предложена возможность редактировать страницу с помощью Elementor. Нажав на нее, вы можете создать ту же страницу с помощью Elementor. Вы перейдете к предварительному просмотру страницы, и сбоку появится меню, которое включает инструменты и элементы, которые можно добавить.
Когда вы захотите добавить, скажем заголовок, затем выберите элемент заголовка и перетащите его в ту часть, которую вы хотите отобразить. Нажав на эту часть в предварительном просмотре, вы можете создать ее с помощью существующих инструментов. В конце нажмите Сохранить.
Вот как это выглядит:
Настройки Elementor
Elementor позволяет вам устанавливать дополнительные настройки, такие как типы страниц, которые можно форматировать, устанавливать цвета и шрифты по умолчанию, настраивать стили, отображать файлы CSS и экспериментировать. Как правило, менять эти настройки нет необходимости, потому что настройки по умолчанию подходят практически всем.
В конце концов, чтобы создавать красивые и персонализированные сайты, нужно узнать больше и поближе познакомиться с Elementor. Как мы уже сказали — у него практически безграничные способности. Поэтому рекомендуется посетить курс Elementor или, если вы хотите связаться с компанией, которая занимается строительством, дизайном и веб-разработкой, которая также использует этот инструмент.