Elementor wordpress: Best Free WordPress Themes For Elementor

Elementor — конструктор страниц

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

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

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

С Elementor может работать любой пользователь с минимальными знаниями в сайтостроении. Нет необходимости работать с кодом.

С помощью Elementor вы редактируете страницу и одновременно видите, как она выглядит.

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

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

ROCK YOUR WORK With Elementor

Смотреть это видео на YouTube.
Подпишитесь на канал InwebPress, чтобы узнать больше о создании и настройке сайтов!

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

Create a Homepage For Your Business With Elementor

Смотреть это видео на YouTube.
Подпишитесь на канал InwebPress, чтобы узнать больше о создании и настройке сайтов!

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

• Визуальный конструктор
• Поддержка адаптивности
• Вставка элементов методом перетаскивания
• Вставка разделов, колонок и изменение их ширины
• Настройки расстояния между колонками
• Выравнивание элементов в разделе/колонке
• Настройка внешних и внутренних отступов для элементов
• Использование шрифтов-иконок (больше 400)
• Шрифты Google (больше 800)
• Возможность выбора типов контента, для которого можно использовать Elementor
• Библиотека готовых шаблонов
• Создание и сохранение своих шаблонов
• Создание и сохранение разделов и блоков контента (чтобы их повторно использовать на др. страницах)
• Импорт/экспорт готовых шаблонов
• История изменений
• Возможность откатить страницу
• Настройка ролей доступа к конструктору Elementor
• После переезда страницы/страниц на другой сайт Elementor позволяет в элементах сменить ссылки (домены)
• Наличие режимов работы: Обслуживание и Скоро открытие
• Наличие бесплатной версии (достаточно много функций и элементов) и версии PRO
• Наличие русского языка
• Откат версии плагина Elementor
• Элементы Elementor (бесплатная версия): колонки, заголовок, кнопки, изображение, видео, разделитель, иконка, иконка с текстом, изображение с текстом, каресель, галерея, цифры, список с иконками, прогресс, отзывы, вкладки, аккордеон, уведомления, плееры, спойлеры, сайдбары.
• Элементы WordPress, которые можно вставить в Elementor: страницы, записи, архивы, галерея, аудио, видео, поиск, текст, рубрики, календарь и др.
• Вставка шорткодов (например, формы обратной связи Contact Form 7)

---

Для каждого отдельного элемента можно задать такие настройки:

• Cодержимое — размеры, тип, выравнивание и т.
  д.
• Стиль — шрифты, цвет, размер шрифта, отступы и т.д.
• Расширенные — отступы, фон, граница, адаптивность, анимация, произвольные стили CSS

Скриншоты

Общие настройки Elementor

Настройки ролей доступа

Инструменты

Режим обслуживания

Шаблоны

Создайте страницу и переключитесь на конструктор Elementor

Добавляйте элементы на страницу

Установка Elementor

Первый вариант:

Установить плагин (бесплатную версию) можно в админке, через раздел Плагины — Добавить новый.

В поиске укажите «Elementor». Установите и активируйте плагин.

Второй вариант:

Установите архив через раздел Плагины — Добавить новый — Загрузить плагин. Активируйте плагин.

Возможности Elementor PRO

Для конструктора страниц Elementor доступна версия ПРО, которая значительно расширяет возможности плагина.

Особенности версии PRO:

• Использование библиотеки шаблонов PRO
• Интеграции: reCAPTCHA (защита от спама), donReach (кнопки для шаринга), Facebook SDK (кнопки, комментарии, страницы), MailChimp (форма подписки), Drip (форма подписки), ActiveCampaign (форма подписки), GetResponse (форма подписки), ConvertKit (форма подписки), TypeKit (шрифты).
• Использование произвольных шрифтов
• Новые элементы: записи, портфолио, слайды, форма подписки, меню, форма авторизации, анимированный заголовок, список цен, тарифы, переворачивающийся блок, карусель, карусель отзывов, обратный отсчет, кнопки шаринга, цитаты, Facebook, вставка шаблона, форма поиска, об авторе, комментарии записей, навигация записей.
• Глобальные виджеты — вставка виджетов Elementor в любом месте вашего сайта (работает в любом шаблоне WordPress)
• Конструктор темы (создание шапки сайта, футера сайта, шаблоны архивов и записей).
• Конструктор WooCommerce (создание страниц товаров и категорий).
• Конструктор всплывающих окон.
• Произвольные шрифты.
• Динамический контент.
• Условия отображения шаблонов.
• Прикрепленная шапка.
• Страница 404.
• Страница архива.
• Интеграция с произвольными полями и типами записей.
• Хлебные крошки.

Хотите создать уникальный и красивый сайт и при этом не быть ограниченными в возможностях? — Покупайте Elementor PRO!

14+ лучших бесплатных WordPress-тем для Elementor

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Хотите сделать свой WordPress-сайт привлекательным и желаете использовать конструктор страниц Elementor?
Разберем достойные бесплатные темы для ВордПресс, которые в полной мере поддерживают конструктор, чтобы все элементы страниц отображались корректно на любом устройстве.

1. Astra

Это отличный шаблон для блога, портфолио, бизнес-сайта и витрины магазина. Популярен благодаря легкому весу, настройкам и скорости. Работает с конструкторами Elementor, Visual Composer, Divi, Site Origin. Совместим с WooCommerce, поддерживает RTL, а также готов к переводу.

Ключевые функции:

• готовые шаблоны сайтов;
• поддержка конструкторов страниц;
• скорость;
• много опций;
• управление макетами сайта;
• просто задать цвет и шрифт.

2. Neve

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

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

Ключевые особенности:

• быстрая и легкая;
• гибкая и проста в настройке;
• частые обновления;
• готова к работе с мобильными устройствами и совместима с AMP;
• демоконтент.

3. AccessPress Parallax

Это бесплатная тема, основанная на параллаксе и совместимая с Elementor. Подходит для корпоративных, агентских, интернет-магазинов, бизнес-сайтов. Эффект параллакса помогает в добавлении удивительного 3D-эффекта на странице.

Проста в установке, имеет 6 готовых макетов сайтов. Поддерживает Gutenberg.

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

• 6 предварительно готовых стартовых сайтов;
• совместимость с Elementor;
• настройка подвала;
• эффект параллакса;
• многоцелевая;
• отзывчивый дизайн.

4. Sydney

Это мощный деловой шаблон, который идеально подходит компаниям и фрилансерам.

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

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

• отзывчивая;
• настройка макета главной страницы и блога;
• шрифты Google Fonts;
• готова к переводу;
• пользовательские блоки элементов;
• ползунок или статический заголовок.

5. OceanWP

Тема будет полезной для WordPress-разработчиков и для персональных сайтов.

Вы можете импортировать демо-версию в один клик. Шаблон полностью отзывчив, быстро грузится. Совместим с WC, поддерживает RTL.
Тема поддерживается Elementor, Visual Composer, Divi, SiteOrigin.

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

• полностью отзывчивая;
• быстрое время загрузки;
• совместима с WooCommerce;
• SEO-оптимизирована;
• готова к переводу.

6. Hestia

Тема с современным дизайном пригодится для любого типа бизнеса. Имеет гладкий дизайн, совместимый с популярными компоновщиками страниц.

Готова к WooCommerce, быстрая.

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

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

• SEO-дружественная;
• оптимизирована для скорости;
• встроенное мега-меню.

7. Zakra

Мощная и многофункциональная тема, которая имеет 30+ стартовых сайтов с профессиональным дизайном.

Редактирование всего сайта осуществляется в один клик, совместима с WooCommerce, подходит для всех устройств.

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

• совместима с Elementor;
• поддержка AMP;
• готовность к SEO.

8. Airi

Мощная и гибкая тема, идеально подходящая для любой компании или фрилансерского сайта. Легкая, полностью интегрирована с Elementor.

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

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

• поддержка Elementor;
• опции настройки темы;
• несколько демо-сайтов;
• совместимость с WC;
• шрифты Google;
• готовность к переводу.

9. Sparker

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

Имеет несколько полезных пользовательских виджетов (последние и популярные записи).

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

• совместимость с Elementor;
• настройка шапки и подвала;
• несколько готовых макетов;
• демо-данные.

10. Ashe

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

Возможность в шапке сайта разместить слайдер последних постов.

Совместима с WC, поддерживает Retina-дисплеи, готовая к переводу и SEO-оптимизированная.

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

• встроенный слайдер;
• поддержка WooCommerce;
• отзывчивый дизайн;
• готова к переводу;
• совместима с RTL;
• оптимизирована для SEO.

11. Hello Elementor

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

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

• быстрая и легкая;
• адаптивный дизайн;
• поддержка WC;
• RTL-совместимость;
• SEO-дружественная.

12. GeneratePress

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

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

• чистый исходный код;
• легкий вес и высокая скорость;
• готовность к SEO;
• большое количество хуков.

13. Bulk

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

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

• функция перетаскивания блоков;
• SEO-оптимизирована;
• готова к переводу;
• поддержка WooCommerce.

14. Customify

Шаблон позволяет настроить практически каждый блок и элемент сайта. Он достаточно гибкий, чтобы настроить шапку и подвал, оптимизирован для SEO. Вы можете редактировать и настраивать сайт с помощью таких плагинов, как King Composer, Brizy, Visual Composer, а также он совместим с популярными плагинами.

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

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

• многоцелевая тема;
• настройка шапки и подвала;
• отзывчивый дизайн;
• легкая и оптимизированная;
• оптимизирована для SEO.

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

Мне нравится5Не нравится

Если Вам понравилась статья — поделитесь с друзьями

Курс «Elementor для WordPress» – быстрое и удобное создание красивых сайтов Курсы — Everland

Автор и трекер курса: Иван Тюрин, занимается разработкой сайтов с 2007 года. Самостоятельно изучал все этапы разработки сайта от и до: начиная от прототипирования дизайна средствами Photoshop, заканчивая финишной отладкой стабильности работы сайтов.

Тюрин Иван: «Данный курс позволит вам развить навык создания сайтов на основе плагина Elementor для WordPress. Я считаю, что выбранный плагин для визуального редактирования страниц является лучшим решением на данный момент из представленных в семье плагинов CMS WordPress. Вы будете создавать различные элементы дизайна, страницы, а также адаптировать их под требования для людей с ограниченными возможностями здоровья. Самое главное, чтобы вы были открыты к новым знаниям и были готовы менять себя для того чтобы другой уровень разработки сайтов»

Логика курса: курс состоит из 14 видеоуроков. После каждого урока — домашнее задание.Все домашние задания обязательны к выполнению. Рекомендуем проходить не меньше двух уроков в неделю, это позволит держать нужный темп. Проверка выполнений домашних заданий в течение следующего рабочего дня после их отправки преподавателю, трекер доступен в мессенджерах и по почте для вопросов, доступ к следующему уроку только после выполнения домашнего задания

О чем курс и что он даст?
Прохождение курса даст навык в работе с элементами визуальной разработки веб-страниц на основе CMS WordPress с использованием плагина Elementor Pro.

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

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

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

Обзор Elementor – крупнейшего конструктора страниц в WordPress

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

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

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

Процесс настройки

С чего начать пользователю работу с конструктором Elementor?

Выбор шаблона

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

Все, что нужно сделать, это перейти на вкладку Elementor в консоли, после чего щелкнуть по кнопке «Add New Template».

Появится модуль для выбора типа шаблона. Вы можете выбрать  Page, Section, Header, Footer, Single и Archive. Для целей тестирования я сразу же перешел к Header.

Elementor также позволяет присваивать названия шаблонам.

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

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

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

Модуль Header рассматривается как блок.

Если вы посмотрите в самый верх области с шаблонами, вы найдете там специальную вкладку Blocks. Блоки – это элементы веб-страницы, которые вы можете комбинировать для создания произвольной страницы сайта. Если вы перейдете в основную вкладку Block (без фильтра по хэдерам), то вы найдете массу разных блоков под разные компоненты: формы подписки, FAQ, возможности продукта, контактные формы и т.д.

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

В области Templates выводятся и две других вкладки. Одна – для ваших собственных шаблонов (My Templates), которые вы можете сохранять и настраивать впоследствии. Вкладка по центру – Pages. Здесь вы найдете уже готовые шаблоны с грамотно расположенными блоками.

Многие шаблоны классифицированы по отраслям. К примеру, можно импортировать шаблон главной страницы для сайта ресторана или фитнес-центра. Делается это в один клик.

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

Обработка динамического контента после выбора шаблона

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

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

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

Несколько тегов динамического контента вынесены за пределы виджетов. Вот некоторые из них:

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

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

Эта функция доступна для хэдеров, архивных страниц, авторов, комментариев и для всего сайта в целом.

Условия отображения в Elementor

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

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

Elementor – хороший выбор для детального проектирования сайта

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

Если у вас имеются какие-либо вопросы по поводу Elementor, вы можете оставлять их в комментариях.

Источник: wpkube.com

Elementor Pro был атакован | www.wordpress-abc.ru

Атака на Elementor Pro и его адоны

6 мая 2020 года команда Threat Intelligence плагина Wordfence получила сообщения об активной эксплуатации уязвимостей в двух связанных плагинах: Elementor Pro и Ultimate Addons for Elementor. Позднее эта активность подтвердилась.

Wordfence сообщает:

Мы выпустили правило брандмауэра, которое защищает пользователей Wordfence Premium от использования этой уязвимости. Бесплатные пользователи Wordfence будут защищены от этой уязвимости через 30 дней, 5 июня 2020 года.

Какие плагины затронуты этой атакой

Атакуются два плагина. Первым является ElementorPro, который является платной версией плагина Elementor. Этот плагин имеет уязвимость нулевого дня, которую можно использовать, если пользователи имеют открытую регистрацию.

По состоянию на 16:22 UTC, 7 мая 2020 года, Elementor выпустила версию 2.9.4 Elementor Pro где уязвимость была исправлена.

Второй затронутый плагин — Ultimate Addons for Elementor, созданный Brainstorm Force. Уязвимость в этом плагине позволяет использовать уязвимость Elementor Pro, даже если на сайте не включена регистрация пользователей.

Elementor Pro установлен более чем на 1 млн. Сайтов, а Ultimate Addons имеет установочную базу примерно в 110 000 экземпляров.

Что нужно делать

Если вы используете Wordfence Premium, ваш сайт уже получил правило брандмауэра, чтобы защитить вас от активной атаки. Если вы не используете Wordfence Premium, вы должны сделать следующее:

• Обновите Ultimate Addons для Elementor немедленно. Убедитесь, что Ultimate Addons for Elementor имеет версию 1.24.2 или выше.
• Понизьте Elementor до бесплатно, пока не будет выпущен патч для ElementorPro. Вы можете сделать это, отключив Elementor Pro и удалив его с вашего сайта. Это устранит уязвимость загрузки файла.

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

• Проверьте наличие неизвестных пользователей уровня подписчика на вашем сайте. Если они есть, удалите эти учётные записи.
• Посмотрите наличие файлов с именем «wp-xmlrpc.php». Это может считаться признаком компромисса, поэтому проверьте ваш сайт на наличие доказательств этого файла.
• Удалите все неизвестные файлы или папки, найденные в каталоге / wp-content/uploads/elementor/custom-icons /. Файлы, расположенные здесь после создания мошеннической учётной записи на уровне подписчика, являются явным признаком взлома.

Если вы видите широко распространённую инфекцию, используйте плагин безопасности для очистки вашего сайта.

Источник: www.wordfence.com/blog/, сообщение.

Еще статьи

Похожие посты:

Похожее

Elementor WordPress – лучший бесплатный Page builder

Содержание статьи

Сегодня мы расскажем Вам о бесплатном плагине Elementor WordPress.

Этот строитель страниц завоевал доверие пользователей по всему миру.

В наше время строители страниц предоставляют практически неограниченные возможности.

Elementor — это отдельный плагин, который работает со всеми темами, а также плагинами для WordPress.

Причем его можно скачать абсолютно бесплатно!

Итак, давайте рассмотрим самый лучший плагин для проектирования страниц и создания сайта wordpress подробнее.

Что вообще такое Page Builder (строитель страниц)?

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

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

WordPress — самая популярная платформа для разработчиков по всему миру.

Так как ее можно использовать для создания абсолютно разного типа страниц.

Также для строителей страниц (Page Builder), в том числе и Elementor WordPress можно найти множество полезных и бесплатных дополнений (плагинов), которые расширяют возможности редактора.

И, в итоге, ограничений для Вашей фантазии практически нет.

Кстати, узнайте, почему elementor лучше divi тут.

Почему разработчики выбирают именно WordPress?

Ведь кроме нее доступны еще много других платформ, например, тот же Wix?

А потому что:

1. WordPress легко устанавливается;
2. Платформа бесплатна;
3. Ее легко настроить, а также легко пользоваться.

Кроме того, для создания профессионального сайта и веб дизайна практически не требуется знание языков HTML и CSS.

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

Этим должны заниматься профессионалы из веб студии.

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

Скорость.

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

Со скоростью работы Elementor WordPress вряд ли сравнится какой-то другой конструктор сайтов.

Живой дизайн сайта.

Вы редактируете и видите станицу так, как будут видеть ее и посетители сайта.

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

Красочные и разнообразные шаблоны.

Уникальная возможность настраивать дизайн сайта сразу для нескольких устройств.

В итоге, у Вашего сайта сразу будет адаптивный дизайн.

Потому что конструктор сайтов Elementor — лучшее решение для создания сайтов под мобильные устройства.

Возможность отмены последних операций.

Раздел «История» позволяет, например, отменить действия, которые принесли нехороший результат.

Возможность подключения Elementor Pro.

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

Итак, мы рассмотрели лишь ключевые особенности и возможности, которые дает Elementor WordPress.

Конечно, создание сайта, если Вы не профессионал, 99% окажется провальным занятием.

Потому что дизайн – это только 20% от всей работы с сайтом.

И такой информации не найти в свободном доступе в интернете.

Тем более,  когда дело касается Вашего бизнеса, не стоит ждать и взваливать все на себя.

Помните, время никого не ждет.

Кстати, о том, как выгодно заказать лендинг пейдж – узнайте тут.

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

Как сделать сайт с WordPress и Elementor

Не у всех есть технические навыки, чтобы создать рабочий веб-сайт. Ведь для этого нужно знать как минимум HTML, CSS и хотя бы основы PHP. Однако программирование — не единственный способ справиться с задачей. Нет ничего проще, чем сделать веб-сайт с WordPress и Elementor.

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

Настройка WordPress и хостинга

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

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

Теперь, когда ваш хостинг и WordPress готовы к работе, пришло время установить Elementor. Перейдите в раздел плагины WordPress и нажмите «Добавить новый».

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

С установленным плагином мы переходим к созданию первой страницы. Перейдите в раздел страницы и нажмите «Добавить новую».

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

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

Создайте свою домашнюю страницу с Elementor, используя предварительно сделанный шаблон

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

Нажмите иконку в виде папки, расположенную в центре экрана — Добавить Шаблон.

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

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

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

Изменить текст главной страницы

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

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

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

Изменение фоновых изображений

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

У вас есть много вариантов, когда дело доходит до изменения фона. Градиенты, фото и даже видеоконтент YouTube можно использовать в Elementor.

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

После сохранения страницы Elementor щелкните значок меню в левом верхнем углу.

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

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

Установить страницу в качестве домашней страницы Вашего сайта

Теперь, когда страница создана и опубликована, пришло время установить ее в качестве домашней. Перейдите в админ-панель — Настройки и нажмите «Чтение».

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

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

Создание остальных страниц сайта

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

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

Настройте Свой Сайт Сегодня

Elementor дает вам контроль над настройкой WordPress без изучения кода. Система делает всю фоновую работу за вас. Единственное, что вам нужно добавить, это немного вашего собственного воображения.

Elementor Website Builder — плагин для WordPress

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

Пришло время для Elementor Website Builder .

Ведущий конструктор веб-сайтов и страниц

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

Быстрее. Намного быстрее.

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

Живой дизайн. Поистине живы.

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

Профессиональные функции прямо из коробки

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

100 готовых шаблонов и блоков

Выбирайте из 100+ красивых полностраничных шаблонов WordPress и настраивайте их, чтобы сделать их своими собственными. Вы также можете создать свой веб-сайт, выбрав и комбинируя более 300+ блоков.

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

Адаптивное редактирование в реальном времени

Конструктор веб-сайтов

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

40+ бесплатных виджетов и подсчет

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

• Товарная позиция . Добавьте привлекательные заголовки.
• Изображение . Управляйте размером, непрозрачностью и другими настройками изображений.
• Текстовый редактор . Текстовый редактор WYSIWYG, как и редактор WordPress.
• Видео . Добавьте YouTube \ Vimeo на свою страницу.
• Кнопка .Контроль каждого аспекта дизайна кнопок.
• Image Box . Поле с изображением, заголовком и текстом.
• Отзывы . Отзывы клиентов, подтверждающие социальное обоснование.
• Значок . Разместите один или несколько из 600+ доступных значков.
• Icon Box . Работает так же, как окно изображения, только с иконками.
• Социальные иконки . Иконки для ваших социальных страниц, таких как Facebook / Twitter.
• Галерея изображений .Отображает ваши изображения в выровненной сетке.
• Карусель изображений . Вращающаяся карусель или слайдер выбранных изображений.
• Список значков . Маркированный список с любым выбранным значком и текстом.
• Счетчик . Показывайте статистику и цифры по возрастающей.
• Индикатор выполнения . Включите увеличивающийся индикатор выполнения.
• Вкладки . Вертикальные или горизонтальные вкладки, на которых отображается различное содержимое.
• Аккордеон .Сворачиваемое отображение содержимого.
• Переключить . Как Accordion, для страниц часто задаваемых вопросов.
• звездный рейтинг . Добавьте социальное доказательство с помощью стильного звездного рейтинга.
• Оповещение . Цветное окно предупреждения, чтобы привлечь внимание посетителя.
• HTML . Вставьте код на страницу.
• Короткий код . Легко вставляйте шорткоды из любого плагина на страницу.
• Якорь меню . Свяжите любое меню с этим якорем.
• Подробнее . Установите отсечку Подробнее для отрывка на страницах архива.
• Боковая панель . Добавьте на страницу любую боковую панель.
• Карты Google . Вставьте карты на страницу.
• SoundCloud . Добавьте звуковые биты из SoundCloud.
• Разделитель . Линия, разделяющая разные элементы на странице.
• Распорка . Пространство, разделяющее различные элементы.
• Колонны .Создайте внутренние столбцы внутри столбца.
• И считая…

Сделайте шаг вперед с Elementor Pro

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

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

Есть много других функций, которые помогут вам создавать лучшие веб-сайты:

Присоединяйтесь к элитным веб-профессионалам, которым нравится Elementor Pro!

переведено на 56+ языков и поддерживается RTL.

Мы интегрировали RTL и многоязычную поддержку в структуру Elementor, так что вы получаете переведенную панель (более 56 языков) прямо из коробки, а также поддержку типографики RTL и возможности разработчика, чтобы добавить еще больше языков.

API разработчика.

Конструктор сайтов

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

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

Переводы

Будьте соавтором

Если вы хотите внести свой вклад, перейдите в наш репозиторий Elementor GitHub и посмотрите, где вы можете помочь.

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

Документация и поддержка

Понравился Elementor?

Руководство для новичков по использованию Elementor в WordPress

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

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

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

Что такое Elementor?

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

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

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

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

Что можно построить с помощью Elementor?

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

Посетите веб-сайт этого ресторана, созданный с помощью Elementor.

Источник изображения

Elementor Цена

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

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

• 49 $ / год за 1 участок
• 99 $ / год для 3 участков
• 199 долларов в год для 1000 сайтов

Не определились? Elementor составил подробный, простой для сканирования список профессиональных и бесплатных функций.

Как установить Elementor

Как и другие плагины WordPress, установка Elementor выполняется быстро и просто. Есть два способа сделать это.

Установка через Elementor.com

• Перейдите на Elementor.com и щелкните Начало работы .
• Поскольку Elementor требует, чтобы он был у вас, вас спросят, есть ли у вас активный сайт WordPress. Если да, щелкните Да , чтобы продолжить. Если нет, не беспокойтесь! Elementor проведет вас через процесс создания.Примечание. Для демонстрации нажмите Да.

• Затем выберите план Elementor, на который вы хотите подписаться. Для этой демонстрации мы выберем бесплатный план.

• Введите домен вашего сайта в их средство проверки, чтобы убедиться, что ваш сайт находится на платформе WordPress.

• После подтверждения совместимости вашего сайта нажмите Установить Elementor .

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

• После этого вы попадете на страницу с подтверждающим сообщением. Щелкните Активировать подключаемый модуль .

• Готово! Все в порядке, и вы готовы начать использовать редактор страниц Elementor.

Установка через панель управления WordPress

• На панели управления щелкните Плагины > Добавить новый.
• В поле поиска введите Elementor и найдите Elementor Page Builder.

• Щелкните Установить сейчас . После установки нажмите Активировать .

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

Как использовать Elementor в WordPress

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

Краткий обзор редактора Elementor

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

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

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

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

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

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

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

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

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

В меню Site Settings вы можете установить цвета и шрифты по умолчанию для ваших страниц. Вы также можете настроить глобальные параметры для всего своего веб-сайта на Elementor.

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

Как создать свою первую страницу в Elementor

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

• Перейдите в панель управления WordPress.
• Щелкните Pages , затем Add New .
• Щелкните Редактировать с помощью Elementor , чтобы войти в построитель страниц.
• Elementor загрузится так:

• Затем добавьте виджет Heading , Text Editor и Image .

• Перетащив его на место, вы сможете редактировать каждый виджет по своему усмотрению.Нажмите зеленую кнопку Publish , и готово! Вы создали свою первую страницу в Elementor.

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

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

Шаблоны Elementor

Шаблоны

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

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

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

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

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

Готово! Ваш шаблон загружен и готов к настройке.

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

Профессиональная версия

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

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

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

• На панели управления WordPress перейдите к Шаблоны > Всплывающие окна > Добавить новый .
• Назовите свой шаблон и нажмите Создать шаблон .
• Выберите шаблон из библиотеки или создайте свой собственный дизайн.
• Щелкните Опубликовать , затем S ave и Закройте .
• Откройте новую страницу в Elementor (CTRL + E для пользователей ПК; Command + E для пользователей Mac).
• Перетащите виджет кнопки.
• В разделе «Макет» выберите Ссылка > Динамический > Действия > Всплывающее окно .
• Перейдите к Popup > Откройте Popup и выберите созданное вами всплывающее окно.
• Перейти на живую страницу.
• Затем нажмите кнопку, и появится всплывающее окно.

Вот как это может выглядеть:

Источник изображения

Как настроить страницу продукта WooCommerce в Elementor

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

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

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

• На панели управления WordPress перейдите в Elementor > Мои шаблоны .
• Нажмите кнопку Добавить новый .
• Выберите Single Product в качестве типа шаблона и щелкните Create Template .
• Библиотека Elementor загрузится.
• Затем выберите заранее разработанный шаблон страницы продукта или создайте его с нуля.

Источник изображения

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

Источник изображения

• Когда вы будете готовы к предварительному просмотру страницы, нажмите на значок глаза в нижней левой панели.
• Щелкните Настройки , затем выберите продукт, который хотите отобразить.

Это может выглядеть так:

Источник изображения

• Чтобы опубликовать страницу, нажмите зеленую кнопку Опубликовать на нижней левой панели.

Часто задаваемые вопросы об Elementor

У вас еще есть вопросы об Elementor? Без проблем. Вот несколько часто задаваемых вопросов о плагине вместе с ответами.

Работает ли Elementor со всеми темами?

Да, он работает со всеми темами, соответствующими стандартам кодирования WordPress.

Удерживает ли Elementor работу вашего сайта?

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

Elementor — это хорошо или плохо для SEO?

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

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

Создайте свой сайт на WordPress с Elementor

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

Примечание редактора: этот пост был первоначально опубликован в августе 2019 года и был обновлен для полноты.

Неужели все так хорошо? (2021)

• Home /
• Плагины /
• Elementor Review: плагин Page Builder, стремительно завоевавший рынок — действительно ли он так хорош?

• Автор: Karol K
• Последнее обновление: 25 января 2021 г.

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

Вот все, что вам нужно знать о плагине Elementor page Builder для WordPress.

Содержание:

Начиная с:

🥜 Обзор Elementor: в двух словах

Elementor — это плагин для создания перетаскиваемых страниц для WordPress . Это означает несколько вещей:

• Elementor позволяет создавать оригинально выглядящие сообщения и страницы, которые уникальны по сравнению со стандартными шаблонами сообщений / страниц, которые поставляются с вашей темой WordPress.
• Вы получаете полностью отдельный интерфейс для работы с сообщениями и страницами — основная часть вашей работы не выполняется в стандартном редакторе блоков, который поставляется с WordPress.
• Не требует каких-либо навыков программирования в HTML / CSS / PHP — все можно сделать через удобный пользовательский интерфейс.
• Он работает в интерфейсе вашего веб-сайта, что означает, что он сразу же показывает вам результаты вашей работы в подлинной манере «то, что вы видите, то и получаете».
• Вы можете использовать его для создания любого макета контента или макета страницы, который вы можете себе представить — независимо от того, что позволяет вам делать ваша текущая тема WordPress.
• И, что наиболее важно, он работает со всеми темами WordPress, поэтому вы можете сохранить свой текущий дизайн и при этом получить все полезности, которые есть в Elementor.

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

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

Вот мой личный сайт, например, после быстрой обработки Elementor — построенный, когда я работал над этим обзором Elementor:

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

Давайте рассмотрим некоторые из наиболее интересных функций Elementor, одну за другой:

🧰 Особенности и преимущества

Из коробки Elementor поставляется с горсткой полезных элементов (без слов):

• Во-первых, это сама функция построения главной страницы.Мы поговорим об этом через минуту.
• На выбор предлагается более 90 элементов / модулей контента — изображения, заголовки, кнопки, карусели, счетчики, индикаторы выполнения, отзывы и многое другое.
• Большинство вещей работает с перетаскиванием — вы можете взять любой элемент и переместить его в новое место, просто перетащив его по экрану.
• «То, что вы видите, то и получаете» — что означает, что версия страницы, которую вы видите в интерфейсе Elementor, именно то, что увидят ваши посетители (в отличие от старой работы с HTML и CSS).
• Все страницы адаптированы для мобильных устройств и оптимизированы для SEO.
• Имеется библиотека готовых шаблонов страниц, которые можно импортировать и изменять. На момент написания было доступно более 150 бесплатных и более 300 профессиональных шаблонов. Кроме того, вы можете сохранять свои собственные шаблоны.
• Если вы используете Pro-версию Elementor, вы можете использовать функцию Theme Builder, которая позволяет вам изменять основные элементы вашей темы, такие как верхний колонтитул, нижний колонтитул, шаблон отдельного сообщения или архивы вашего блога.
• Наконец, есть также совершенно новый модуль WooCommerce Builder. Он похож на Theme Builder, но позволяет переделывать все страницы WooCommerce по умолчанию, такие как отдельная страница продукта или архив продуктов.

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

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

Итак, что именно вы можете сделать? Во-первых, Elementor позволяет вам использовать множество элементов / модулей контента (более 90 из них), которые вы можете разместить в любом месте страницы. Затем вы можете переставить эти элементы с помощью вышеупомянутой поддержки перетаскивания.

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

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

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

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

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

💰 Стоимость Elementor

Это бесплатно.

Хорошо, чтобы этот обзор Elementor был фактическим, я, вероятно, должен упомянуть, что также доступна версия Pro . Но на самом деле это не нужно, чтобы насладиться, скажем, 90% великолепия Elementor — честно!

Основной плагин доступен через официальный репозиторий WordPress (получить его можно здесь).Никаких скрытых затрат или подписок / регистраций не требуется. Просто работает!

А теперь про версию Pro. Конечно, в нем есть некоторые интересные вещи, которые понравятся опытным пользователям:

• Более 50 дополнительных элементов / модулей контента.
• Более 300 дополнительных шаблонов страниц.
• Theme Builder (модуль, в котором вы можете изменять верхние и нижние колонтитулы текущей темы).
• WooCommerce Builder (модуль, который позволяет вам перестраивать страницы продуктов WooCommerce).
• Popup Builder (модуль, в котором вы можете создавать всплывающие окна и интегрировать их либо с формой подписки, либо с каким-либо специальным предложением / скидкой).
• Visual Form Builder (поставляется с интеграцией с популярными маркетинговыми инструментами).
• Вы можете создавать глобальные виджеты, а затем повторно использовать их по всему сайту.
• Добавить собственный CSS в любой блок Elementor.
• Разверните элементы Elementor в боковых панелях и виджетах.

Вот текущая цена Elementor Pro:

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

🔧 Использование Elementor

Перейдем к более практическому разделу нашего обзора. Вот как начать работу с Elementor:

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

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

После нажатия на эту главную кнопку вы увидите пользовательский интерфейс Elementor. Вот что:

1. Основное полотно. Здесь вы можете разместить блоки содержимого и настроить их.
2. Доступные элементы содержимого.
3. Здесь вы можете получить доступ к настройкам Elementor (цвета, шрифты и так далее).
4. Вот как вы возвращаетесь к просмотру элементов содержимого.
5. Глобальные настройки страницы, над которой вы работаете.
6. История изменений страницы.
7. Коммутатор (настольный, планшет, мобильный).
8. Предварительный просмотр изменений.
9. Опубликуйте страницу.

Чтобы создать базовую страницу с Elementor, вам сначала нужно понять иерархию структуры страницы, которую он использует:

• Страница страница может иметь любое количество разделов .
• Каждый раздел может иметь один или несколько столбцов .
• Каждый столбец может содержать один или несколько элементов содержимого .
• Наконец, каждый элемент содержимого может быть оформлен в стиле индивидуально.

Итак, имеем:

Страница → Разделы → Столбцы → Контент → Стиль

Для начала вы можете добавить готовый шаблон или включить пустой раздел:

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

Когда у вас есть блок контента, вы можете щелкнуть по нему, чтобы настроить более мелкие детали того, что в нем, а также его представление. Для этого доступны три основные вкладки: Content , Style и Advanced .

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

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

• экспериментирует с Z-индексом элементов (чтобы выдвинуть материал вперед, а не положить его назад)
• настройка состояния элементов при наведении (изменение их внешнего вида в зависимости от положения курсора)
• установка переходов между разделами, например так:

🎨 Готовые шаблоны

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

И когда я говорю «много», я действительно имею в виду много . В бесплатной версии доступно более 150 шаблонов, а в Pro — еще 300.

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

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

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

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

🤔 Кому лучше всего подходит Elementor?

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

Elementor — самый простой в освоении конструктор страниц, а также тот, который предоставляет вам большинство функций бесплатно.

По сути, это идеальное DIY-решение для людей, которые хотят создавать потрясающие дизайны страниц самостоятельно, не имея навыков программирования, HTML или CSS.

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

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

🏁 Заключение по обзору Elementor

Итак, Elementor лучше конкурентов? Ну, это зависит от того, как мы на это смотрим.

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

И правильно! Все три инструмента великолепны. Это высшая лига конструкторов страниц. Однако, в то же время, никто не может быть лучше других на , все на . В конечном итоге, используете ли вы Elementor, Beaver или Divi, все зависит от ваших личных предпочтений и типа функций, которые важны для вас, а также от того, как вам нравятся эти предоставляемые функции (с точки зрения пользовательского интерфейса и т. Д.).

Тем не менее, есть одна вещь, которая значительно опережает Elementor. Дело в цене — или ее отсутствии.

Несмотря на то, что доступна Pro версия Elementor, вы, честно говоря, получаете 90% возможностей плагина бесплатно. Бивер и Диви вам этого не говорят. Это делает Elementor лучшим вариантом для тех, кто ищет плагин для создания страниц.

👍 Плюсы Elementor:

• Это бесплатно. И большинству новых веб-сайтов не нужно обновляться до версии Pro.
• Он обладает исключительным набором функций и прост в использовании.
• Опять же, набор функций, доступных бесплатно, более чем впечатляет. Я считаю, что мне следует включить это в список дважды.
• Он позволяет создавать собственные макеты и дизайн страниц, которые могут быть недоступны в вашей текущей теме, и не требует каких-либо навыков HTML, CSS или PHP.
• Такие функции, как встроенное редактирование текста и предварительный просмотр в реальном времени, дают вам настоящий интерфейс редактирования «что видишь, то и получаешь».
• Возможность отдельно настраивать вид рабочего стола, планшета и мобильного устройства.
• Есть очень подробные настройки для всех значений выравнивания, полей и отступов. Буквально ничто не находится вне вашего контроля.

👎 Минусы Elementor:

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

🧐 Окончательный приговор:

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

Используете / используете Elementor? Готовы попробовать? Есть что сказать об Elementor, чего мы не рассмотрели?

Кароль К. (@iamkarolk) — внештатный блоггер и писатель, внешний вид WordPress и опубликованный автор книги «WordPress Complete». Его работы были представлены во всем Интернете на таких сайтах, как Smashing Magazine, Ahrefs.com, Optimizely.com и Adobe.com.

тем WordPress — шаблоны WordPress

Вы слышали это тысячу раз: WordPress — самая популярная система управления контентом (также известная как CMS) в мире.W3Techs сообщает, что 59% сайтов, использующих CMS, построены на WordPress. Он настолько успешен, что стал почти синонимом CMS!

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

Прежде всего, WordPress бесплатный и с открытым исходным кодом . Это не только означает, что вы получаете его бесплатно (да), но и то, что команда разработчиков со всего мира постоянно работает над его улучшением.Кроме того, доступно безумное количество плагинов , которые интегрируются с платформой. Они позволяют вам добавлять на ваш сайт всевозможные функции — от слайдеров изображений до календарей, новостных лент, спам-фильтров и так далее. Кроме того, очень прост в использовании: его интерфейс прост и интуитивно понятен, а в Интернете есть множество руководств по WP всех видов, которые помогут вам извлечь из него максимум пользы.

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

Да, любой . Не заблуждайтесь, думая, что WordPress предназначен только для веб-сайтов малого бизнеса, блогов и других проектов малого и среднего размера. Это очень далеко от истины! Множество сложных сайтов электронной коммерции построены на WordPress и работают довольно хорошо;)

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

И тема WordPress — это то, о чем эта страница! Кто они такие? Рад, что ты спросил. Речь идет о предварительно разработанных и предварительно созданных макетах , которые вы можете применить на своем веб-сайте. Если панель управления WordPress позволяет вам заботиться о содержимом вашего сайта (категории, подкатегории, разделы, страницы, текст и т. Д.), Тема будет определять, как сайт выглядит. Его визуальный дизайн и его взаимодействия. Какого цвета будет фон? Как будет выделяться ссылка при наведении указателя мыши? Будет ли на главной странице большой слайдер? Вот о чем тема.

Если вам нужно создать веб-сайт, но у вас нет времени или навыков для его самостоятельного создания — вы попали в нужное место. ThemeForest — это дом огромной и разнообразной библиотеки из тем WordPress , созданных мировым сообществом творцов … Но это еще не все. Давайте внимательнее посмотрим, что делает эти темы отличными:

1. Высокое качество . У нас есть не только одни из лучших дизайнеров и разработчиков, продающие свои темы на ThemeForest. Наша команда по качеству проверяет каждый из них до того, как они поступят в продажу.
2. Подходит для всех устройств . Вам не нужно, чтобы мы сообщали вам, что в настоящее время люди, скорее всего, будут посещать ваш сайт с разных устройств. Шаблоны, которые вы найдете здесь, подходят для всех размеров экрана — и вы знаете, насколько это важно.
3. Готово для электронной коммерции . В наши дни сайты электронной коммерции на базе WordPress есть повсюду в сети, и не зря! Шаблоны сайтов электронной коммерции будут идеально интегрированы с такими платформами, как Magento, Shopify и другие, что облегчит вам открытие интернет-магазина.
4. Творческое сообщество за работой . Envato Market является домом для крупнейшего мирового сообщества креативщиков. Наши авторы — талантливые профессионалы, безмерно увлеченные своим делом.
5. Поддержка при необходимости . Все темы поставляются с подробной документацией по их использованию. А если вам понадобится помощь с ошибками или проблемами, наши авторы будут рядом, чтобы помочь. Кроме того, справочный центр Envato всегда находится на расстоянии одного клика.

Использование Elementor в WordPress [Руководство для начинающих]

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

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

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

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

Что такое Elementor?

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

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

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

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

Бесплатные и профессиональные: в чем разница?

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

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

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

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

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

Elementor vs. Gutenberg Editor: что лучше?

Недавно выпущенный редактор блоков Gutenberg является встроенным для всех сайтов, на которых установлена ​​последняя версия WordPress.Этот обновленный визуальный редактор использует систему блоков, чтобы помочь вам визуально создавать страницы и создавать уникальный контент.

Итак, да, добавление редактора WordPress Gutenberg действительно предоставляет функции, которые раньше были доступны только при установке такого плагина, как Elementor. Но он все еще не так надежен, как другие плагины для создания страниц WordPress сегодня.

Вот краткое описание наборов функций, которые предоставляет каждый:

Редактор блоков Гутенберга:

• Используйте редактор перетаскивания для создания пользовательских страниц и сообщений
• Выберите из 25+ различных блоков содержимого, например изображений , видео, текст, кнопки, таблицы и многое другое
• Легко переупорядочивайте и вставляйте новые блоки с помощью редактора перетаскивания
• Выберите из списка параметров настройки для каждого блока содержимого

Плагин Elementor:

• Более 30 различных виджетов контента на выбор
• Огромная библиотека опций настройки для каждого элемента
• Возможность создавать сложные макеты с несколькими формами контента
• Расширенные функции контента, такие как карусели изображений, карты и т. Д.
• Управление сайтом элементы, такие как интервалы, отступы и поля
• Управление дизайном над вещами за пределами содержимого, такими как верхний и нижний колонтитулы s

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

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

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

Вам нужно использовать Elementor для создания сайта WordPress?

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

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

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

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

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

Плюсы и минусы использования плагина Page Builder, такого как Elementor

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

Вот некоторые из самых больших преимуществ и недостатков Elementor.

Плюсы Elementor

• Это бесплатный плагин! Большинство пользователей могут полностью создавать свои сайты без необходимости обновления до профессиональной версии.
• Бесплатный плагин имеет очень широкий набор функций. Набор функций в бесплатной версии конкурирует с множеством платных плагинов.
• Редактор в реальном времени позволяет вам вносить изменения в ваш сайт и видеть, что происходит в режиме реального времени, поэтому вам не нужно постоянно переключаться между несколькими экранами.
• Вы можете редактировать и просматривать несколько версий своего сайта, настольных, мобильных и планшетных, и вносить уникальные изменения в каждую из этих версий.
• Уровень контроля, который вы получаете над своим сайтом, невероятно детализирован и дает вам возможность настраивать такие вещи, как интервалы и отступы.

Минусы Elementor:

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

Как использовать Elementor с темой WordPress

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

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

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

1. Установите подключаемый модуль Elementor

Чтобы установить подключаемый модуль, вам необходимо войти в свою панель управления WordPress.

Затем перейдите к Plugins> Add New и найдите плагин Elementor.

Затем нажмите «Установить сейчас» и «Активировать» в надстройке под названием Elementor Page Builder.

Теперь в левой части панели управления WordPress появится вкладка «Elementor».

Сила Elementor раскрывается в ваших сообщениях и на страницах. Но вы также можете изучить меню настроек.

Чтобы открыть меню общих настроек, нажмите Elementor> Настройки .

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

Другая вкладка, которую вы, возможно, захотите проверить (прямо под настройками), — это менеджер ролей.Этот раздел позволит вам указать, какие пользователи вы хотите использовать Elementor для редактирования вашего сайта.

3. Создайте страницу в Elementor

Теперь пора создать вашу первую страницу в Elementor. Перейдите к страницам > Добавить новый , затем нажмите «Редактировать с помощью Elementor», чтобы включить построитель страниц. Как только он откроется, вы увидите страницу, похожую на ту, что представлена ​​ниже.

В Elementor есть три основных строительных блока: разделы, столбцы и виджеты:

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

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

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

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

Затем выберите «Блоки», чтобы вставить уже созданный блок контента:

Или выберите «Страницы», чтобы вставить предварительно созданную страницу на ваш сайт.

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

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

4. Параметры настройки Elementor

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

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

• Заголовок
• Текст
• Видео
• Кнопка
• Карты
• Значок
• Звездный рейтинг
• Отзыв
• Социальные значки
• Боковая панель

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

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

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

В заключение: движение вперед с Elementor

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

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

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

Связанные

Как работает этот конструктор страниц WordPress?

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

Запущенный в 2016 году, Elementor быстро поднялся в чартах и ​​теперь активен на более чем 5 000 000 веб-сайтов, сохраняя при этом впечатляющий рейтинг 95,333801827126% по 5692 отзывам на WordPress.org.

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

В чем преимущество использования Elementor?

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

Что такое Elementor?

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

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

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

Как работает интерфейс Elementor

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

Как делится интерфейс

При первом запуске редактора Elementor вы увидите что-то вроде этого:

• (1) — область содержимого. Вы увидите свою обычную тему за пределами этой области, и вы создадите свой собственный дизайн примерно в области, отмеченной серой пунктирной линией.
• (2) — элементы / виджеты. Это строительные блоки, из которых вы создадите свою страницу.
• (3) — настройки. Это поможет вам отменить изменения, просмотреть свой дизайн на разных устройствах и многое другое.

Создание макета для вашего дизайна

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

Elementor дает вам два конструктивных элемента, которые помогут вам:

• Позиционные элементы
• Элементы стиля как группа (например,грамм. добавить фон для всего раздела вашей страницы)

Этими конструктивными элементами являются:

• Профили — самый широкий макет блока.
• Столбцы — находятся внутри секции. Вы можете создать один столбец или добавить несколько столбцов.

Например, вот как это выглядит:

• (1) — одна секция, отмечена синим цветом
• (2) — две колонки внутри этой секции, отмеченные черным

Добавление новых элементов в ваш дизайн

Чтобы добавить новый элемент в раздел или столбец, просто перетащите его с левой боковой панели на предварительный просмотр вашей страницы:

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

Стилизация элементов, столбцов или секций

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

Сложно ли выучить Elementor?

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

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

Но, на мой взгляд, вот самый лучший способ стать гуру Elementor:

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

Шесть особых функций Elementor, которые делают его отличным

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

1. Библиотека шаблонов Elementor

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

Эта библиотека включает в себя набор шаблонов, которые можно вставить одним щелчком мыши:

Начиная с Elementor 2.0, эти шаблоны теперь доступны в двух форматах:

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

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

2. Предварительный просмотр на мобильных устройствах и элементы управления адаптивным дизайном

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

Во-первых, хорошие новости:

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

Если вы когда-нибудь захотите увидеть, как ваш дизайн выглядит на другом устройстве, Elementor позволяет быстро запустить предварительный просмотр, не выходя из интерфейса:

Elementor также идет дальше, позволяя отображать / скрывать отдельные виджеты на определенных устройствах.

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

3.Детализированные элементы управления макетом

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

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

• Ручная установка отступов и полей для разделов, столбцов и виджетов
• Отрегулируйте ширину столбца, просто перетащив разделитель между столбцами
• Расположить виджеты по вертикали в столбце (или столбцах в разделе)
• Создайте пустое пространство между столбцами с регулируемым зазором между столбцами

4.Встроенное редактирование текста

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

5. Простая отмена / повтор и полная история изменений

Тот, кто никогда не ошибался, никогда не пробовал ничего нового

Альберт Эйнштейн

Как любезно сообщил нам Альберт, вы, вероятно, совершите ошибку ( хорошо, ошибка s ), когда попробуете новые подходы к дизайну.

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

Во-первых, каждое действие, которое вы выполняете * , регистрируется и может быть отменено при необходимости:

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

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

6. Очистите код, если вы когда-нибудь деактивируете Elementor

Если вам когда-нибудь понадобится деактивировать Elementor в какой-то момент в будущем, вы можете расслабиться, зная, что он не оставит после себя беспорядка коротких кодов, таких как WPBakery Page Builder или Divi Builder.

Вместо этого Elementor оставляет чистый код (, хотя вы, конечно, потеряете все стили ).

Elementor Pro позволяет создавать свою тему с помощью перетаскивания + еще

Основной плагин для построения страниц Elementor на 100% бесплатный и имеет открытый исходный код.Но команда Elementor также продает надстройку под названием Elementor Pro. Это дополнение дает вам множество полезных функций по цене всего от 49 долларов. Вот некоторые из наиболее полезных функций:

Создайте всю свою тему WordPress с помощью Elementor

Это не был бы обзор Elementor, если бы не описывалась новейшая версия Elementor Pro.

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

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

Чтобы создать свою тему, вы сначала выбираете, какую часть вашей темы вы хотите построить:

Затем вы можете использовать тот же интерфейс Elementor ( с добавлением виджетов для этого типа контента ) для создания макета.

Например, если вы создадите шаблон для своего сообщения в блоге, вы сможете перетаскивать виджеты для:

• Заголовок сообщения
• Содержание сообщения
• Автор метаданных
• и т. Д.

Еще больше виджетов для создания контента с

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

См. Полный список виджетов Elementor Pro ниже:

Тонны премиум-шаблонов

При покупке Elementor Pro вы разблокируете все шаблоны и блоки в библиотеке. Помимо «большего», шаблоны Pro также обычно немного более подробны и сложны.Так что это скорее ситуация « больше + более высокое качество» .

На момент написания этого обзора Elementor это более 100 шаблонов.

Глобальные виджеты помогают повторно использовать один и тот же элемент на нескольких страницах

Чтобы завершить наш обзор Elementor, давайте рассмотрим еще одну функцию Pro:

Глобальные виджеты.

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

Глобальные виджеты упрощают эту задачу, позволяя вам:

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

Вам нужен Elementor Pro?

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

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

Другие сторонние расширения расширяют Elementor еще дальше

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

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

Обзор

Elementor: Заключительные мысли об этом конструкторе страниц

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

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

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

Мы что-нибудь пропустили в нашем обзоре Elementor? У вас есть вопрос о том, что мы не освещали? Оставить комментарий и дайте нам знать!

Бесплатный гид

5 основных советов по ускорению работы сайта

на WordPress

Сократите время загрузки даже на 50-80%

, просто следуя простым советам.

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

Элементор

Плюсы

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

Минусы

• Стили виджетов по умолчанию не всегда хорошо выглядят сразу после установки
• Нет опции white label, хотя это касается только разработчиков

страниц WordPress | Как создавать страницы в Elementor

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

Elementor — это конструктор страниц с перетаскиванием, который работает со всеми темами WordPress, выводя пользовательский опыт на совершенно новый уровень.

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

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

Шаг 1 — Прежде всего, давайте создадим новую страницу.Для этого выберите вкладку Pages на панели инструментов WordPress и нажмите кнопку Add New .

Шаг 2 — Введите имя для своей новой страницы и перейдите к разделу Page Attributes , где вам нужно выбрать шаблон Elementor Canvas из раскрывающегося списка Template .

Шаг 3 — Теперь нажмите кнопку Edit with Elementor , чтобы перейти к построителю страниц Elementor , где вы выполните все настройки и сможете заполнить страницу содержимым.

Шаг 4 — Когда откроется Elementor , вы увидите кнопку Добавить шаблон и опцию Magic Button . После этого нажмите Magic Button , чтобы выбрать готовые шаблоны страниц и разделов.

Шаг 5 — Затем нажмите кнопку Добавить новый раздел и выберите необходимую структуру новой страницы. Вы можете выбрать раздел, содержащий до 10 столбцов, и изменить их размер, макет, структуру, границу и фон.При желании установите значения Margin и Padding .

Шаг 6 — Кроме того, вы можете использовать виджет Inner Section , чтобы добавить столбцы внутри уже существующих, чтобы создать более сложный макет с несколькими столбцами внутри столбца, который у вас есть.

Шаг 7 — Заполните столбцы виджетами и создайте любой контент, который хотите. Используйте настройки Style и Advanced , чтобы оформить контент в соответствии с вашими пожеланиями.

Шаг 8 — Если вам не нужен один из столбцов, разделов или виджетов, вы можете легко удалить его, нажав кнопку Удалить .

Шаг 9 — Не стесняйтесь использовать опцию Navigator , расположенную в нижнем левом углу справа от Settings , чтобы просмотреть макет страницы со всеми внутренними разделами и всеми блоками содержимого.

No related posts.