Как создавать собственные макеты WordPress с Elementor

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

^

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

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

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

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

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

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

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

Давайте посмотрим, как создавать собственные макеты WordPress с помощью Elementor.

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

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

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

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

^

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

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

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

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

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

^

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

^

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

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

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

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

^

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

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

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

^

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

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

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

^

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

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

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

^

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

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

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

^

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

Теперь вы можете просмотреть свою страницу или перейти на панель инструментов WordPress.

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

^

Создание собственных шаблонов в Elementor

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

Просто отредактируйте страницу, которую вы хотите сохранить как шаблон с Elementor.

В интерфейсе компоновщика Elementor щелкните значок папки рядом с кнопкой «Сохранить» и выберите «Сохранить шаблон».

^

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

^

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

^

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

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

^

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

Это все на данный момент.

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