Как создать пользовательский макет WordPress (шаг за шагом)

нестандартные макеты, бобра


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

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

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

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

Зачем создавать собственные макеты WordPress

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

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

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

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

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

Строитель Бобров

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

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

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

Проверьте наш Beaver Builder обзор здесь. Давайте теперь посмотрим, как создавать ваши собственные макеты с помощью этого плагина..

Шаг 1: Установка и настройка Beaver Builder в WordPress

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

Настройки Beaver Builder

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

Шаг 2. Создание первого пользовательского макета

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

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

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

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

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

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

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

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

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

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

бобр строитель сохранить макет

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

Шаг 3: Повторное использование макета

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

Инструменты бобра

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

макеты WordPress сохранить Tempate

Шаг 4: Управление вашими шаблонами

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

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

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

Экспорт макетов WordPress

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

экспорт макетов WordPress

Теперь выберите Шаблоны. Нажмите на стрелку выпадающего меню и выберите шаблон, который вы хотите экспортировать. После этого нажмите Скачать файл экспорта Кнопка и WordPress отправит вам файл XML для скачивания.

Импорт макетов Beaver Builder

Чтобы импортировать макет, перейдите на панель инструментов веб-сайта, где вы хотите импортировать этот макет. Теперь иди в Настройки »Импорт» WordPress. Нажмите на кнопку «Установить сейчас» на вкладке WordPress. Это загрузит и установит плагин импорта WordPress.

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

И это все. Надеемся, вам понравилась наша статья. Если вы это сделали, вы также можете узнать некоторые другие варианты Beaver Builder, которые вы можете попробовать.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map