Как создать полноценный веб-сайт WordPress с помощью Elementor

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

Хотите научиться пользоваться Elementor?

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

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

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

Как использовать Элементор?

1. Установите Elementor
   В панели управления WordPress перейдите в «Плагины» > «Добавить новый» и введите «Elementor» в строке поиска. Затем нажмите кнопку «Установить», а затем кнопку «Активировать».
   
2. Отредактируйте новую страницу с помощью Elementor
   . Перейдите в «Страницы»> «Добавить новую». Затем нажмите кнопку «Редактировать с помощью Elementor».
   
3. Вставьте шаблон Elementor
   Теперь вы должны быть внутри редактора Elementor. Нажмите «Добавить шаблон» и выберите из множества бесплатных и платных шаблонов. Рекомендуется начать с шаблона, чтобы узнать, как создаются различные элементы страницы. Я бы также рекомендовал посмотреть это короткое видео о структуре Elementor.
4. Сделайте шаблон полной ширины
   . Вы можете сделать любую страницу в Elementor полной ширины, выбрав «Раздел» > «Макет» и переключив «Растянуть раздел» на « Да » . Посмотрите видео, показывающее, как это сделать
5. Поймите структуру Elementor
   Каждая страница Elementor состоит из разделов, столбцов и виджетов. Разделы делят страницу на горизонтальные строки. Столбцы делят каждый раздел на вертикальные столбцы, а виджеты перетаскиваются внутри столбца.
6. Добавление виджета
   Давайте попробуем добавить новый виджет на страницу. Удалите один из виджетов в шаблоне, который вы вставили, щелкнув виджет, а затем щелкнув значок X. Затем на левой панели найдите виджет кнопки и перетащите его в пустую область, где вы только что удалили виджет.
7. Сменить фоновое изображение
   Нажмите на один из разделов. Это откроет настройки раздела на левой панели. Перейдите на среднюю вкладку «Стиль» и нажмите на фоновое изображение. Теперь выберите другое изображение и нажмите «вставить носитель». Посмотрите видео, показывающее, как это сделать
8. Изменение шрифтов
   Перейдите к виджету заголовка на странице и нажмите на него. Откроются настройки заголовка на левой панели. Перейдите на среднюю вкладку «Стиль» и включите «Типография». Теперь в разделе «Семейство» вы можете просмотреть различные шрифты и выбрать другое семейство шрифтов.
9. Учить больше.
   Более подробное 30-минутное видео см. в этом  руководстве по Elementor + WordPress , которое мы сделали недавно.

Внутри “привет темы”

Что делает «Hello Theme» такой замечательной для разработчиков страниц, помимо скорости и, конечно же, отсутствия лишнего шума, так это то, что вы получаете шесть полезных встроенных шаблонов:

Шаблон по умолчанию: это базовый шаблон с боковой панелью справа.

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

Страница левой боковой панели: Когда вам нужно переключить положение боковой панели

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

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

Полная ширина построителя страниц: это то же самое, что и тема в штучной упаковке построителя страниц, но содержимое занимает всю ширину экрана.

Конструктор страниц для темы Hello

Бесплатный конструктор страниц Elementor является идеальным дополнением к “Hello Theme” и добавляет длинный список дизайнерских возможностей, которые творят чудеса с рабочим процессом веб-дизайнера. Это позволяет вам создавать веб-сайт намного быстрее, чем когда-либо прежде. Среди этих особенностей:

• Мобильное редактирование для визуального оформления страницы, чтобы она на 100% реагировала на мобильные устройства.
• Предварительно разработанные шаблоны , позволяющие быстро настроить красивый
• дизайн страницы в один клик
• Эффекты, такие как Box Shadows и анимация, чтобы сделать страницы более привлекательными.
• Библиотека шаблонов для сохранения созданных вами страниц для повторного использования и экспорта.
• Десятки полезных виджетов, таких как Testimonials и Counter.
• Живое управление макетом внешнего интерфейса для управления макетом страницы на внешнем интерфейсе.

Источник: https://elementor.com/