Хотите создать собственные пользовательские макеты страниц в 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 и повысить производительность.
Источник: www.wpbeginner.com