Хотите создать макет с Elementor? Вы хотите легко создать профессионально выглядящий веб-сайт на WordPress? Тогда ты должен Загрузите плагин WordPress Elementor здесь.

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

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

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге 

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

создать макет с Elementor

Почему и когда создавать собственные макеты на WordPress?

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

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

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

Откройте также эти 8 WordPress плагины для легкого создания макетов

Так что было бы здорово создавать макеты, используя простой интерфейс (перетаскивание)?

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

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

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

Начало работы с Elementor

Сначала вам нужно будет приобрести плагин " Факир Pro ". Это платная версия плагина " Elementor Бесплатный, который дает вам доступ к дополнительным функциям и поддержке клиентов 1.

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

После активации зайдите в " Elementor> Настройки Для настройки работы этого плагина.

Элемент или настройки

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

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

Откройте для себя 8 WordPress плагины для управления ролями и пользователями

Не забудьте нажать на кнопку « Сохранить изменения Чтобы сохранить ваши настройки.

Создание пользовательского макета с помощью Elementor

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

Редактировать с помощью elementor

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

Перетащите элемент или

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

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

Начнем с шаблона, нажав на кнопку Добавить шаблон .

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

Плагин Elemntor Layout

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

Elementor загрузит шаблон для вас.

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

Начало редактирования страницы на элементеили

Теперь поговорим о том, как работают макеты Elementor.

Модели, предлагаемые компанией Elementor плагин построены на разделах, столбцах и виджетах. Разделы похожи на строки или блоки, которые вы размещаете на своей странице.

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

Редактирование страницы с помощью elementor

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

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

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

Element e design с elementor

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

Смотрите также наш Темы и шаблоны 15 Elementor для создания сайта

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

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

Настройте макет с помощью elementor

Ремарка: Сохранение макета не приведет к публикации страницы на вашем веб-сайте WordPress. Это просто сохранит ваш макет.

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

Публикация макета с elementor

Вот и все, закончили создание страницы с помощью плагина WordPress Elementor.

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

Скачать Elementor

Откройте для себя также несколько премиальных плагинов WordPress  

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

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. JetElements 

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

Плагин Elementor для wordpress jetelement

Его основными функциями являются: множество полезных модулей, содержащих множество опций стиля, функциональные параметры и абсолютно настраиваемые элементы, невероятные элементы для быстрого запуска вашего интернет-магазина, поддержка языков RTL, Поддержка плагинов WPML и модуль Contact Form 7 удивительно, что позволяет вам добавлять свои контактные формы и встраивать их на свой веб-сайт.

скачать | Демонстрация | веб-хостинг

2. JetMenu 

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

Jetmenu WordPress elementor плагин

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

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

скачать | Демонстрация | веб-хостинг

3. JetWooBuilder 

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

Jetwoobuilder WordPress elementor плагин

В качестве функций вы найдете среди других: несколько уникальных шаблонов страниц продукта, множество визуальных элементов создавать страницы продукта WooCommerceмножество привлекательных виджетов контента, таких как «Добавить в корзину», «Предварительный просмотр», «Изображение», «Рейтинг», «Связанные» и многие другие, возможность отображения таксономии продукта и многое другое.

скачать | Демонстрация | веб-хостинг

Некоторые полезные ресурсы:

Вывод:

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

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Особенно поделитесь этой статьей в разных социальных сетях.

...