Page Builder Sandwich не похож на обычный конструктор страниц: он понятен и прост в использовании.
Вы можете посмотреть видео ниже для быстрого ознакомления.
Где находится редактор?
Сначала создайте новую страницу, запись или CPT. Затем перейдите к новой записи или любой существующей во фронтенде. PBS на 100% работает во фронтенде, вам не придется возиться в панели управления.
В верхней части вашей страницы (на панели администратора) должна быть кнопка «Page Builder Sandwich», нажмите на нее, чтобы начать редактирование. Сверху появится панель форматирования текста, а сбоку — панель добавления элементов. Область контента вашей темы теперь и есть ваш редактор!
С помощью PBS можно редактировать только отдельные страницы. Вы не можете редактировать список записей блога или страницу 404, так как они создаются вашей темой. Записи, страницы и произвольные типы записей подходят для редактирования.
Редактирование контента
А теперь самое интересное… как только вы окажетесь во фронтенде и внутри редактора, нажмите на любой текст в контенте или кликните внутри области контента и начните печатать! В отличие от других конструкторов страниц, PBS позволяет напрямую редактировать контент без необходимости открывать всплывающие диалоговые окна.
Форматирование контента / Придание красивого вида
Во время редактирования область вверху называется панелью форматирования текста. Эта панель содержит все инструменты форматирования, которые вы будете использовать для стилизации текста: цвета, жирный шрифт, курсив, выравнивание, добавление ссылок, списков и многое другое. Наведите курсор на каждую кнопку, чтобы узнать, что делает инструмент.
Добавление элементов
Наведите курсор мыши на кнопку «Add Elements» в левом верхнем углу экрана, чтобы открыть панель добавления элементов. Вы также можете просто переместить курсор мыши к левому краю экрана, чтобы она появилась.
Чтобы вставить любой элемент, зажмите на нем кнопку мыши и перетащите его в область контента. Область, куда будет помещен элемент, подсветится. Отпустите кнопку мыши, чтобы разместить элемент.
Стилизация и изменение элементов
Наведите курсор мыши на любой элемент в вашем контенте, и вокруг него появятся контуры и панели инструментов.
Вы можете навести курсор мыши на края контуров, чтобы увеличить или уменьшить отступы между элементами.
Вы также можете нажать кнопку на панели инструментов, чтобы выполнить быстрые действия с элементом. Нажатие на значок шестеренки на панели инструментов откроет инспектор свойств, содержащий дополнительные параметры.
Инспектор свойств
Инспектор свойств дает вам больше контроля над внешним видом элементов. Вы можете добавлять множество параметров, таких как тени, анимация, изменение цветов карты, радиус границ и многое другое.
Вы также можете получить доступ к свойствам родительских элементов. Например, если вы поместили изображение внутрь колонки и открыли инспектор свойств, то сможете получить доступ к свойствам изображения, колонки, в которой оно находится, и строки, в которой находится эта колонка.
Инспектор свойств содержит множество различных настроек для разных элементов, поэтому обязательно изучите их все.
Использование шорткодов
Page Builder Sandwich показывает реальные шорткоды прямо во фронтенде, и вы также можете легко их редактировать!
Если вы помните свои шорткоды наизусть, вы можете вставлять их, вводя прямо в контент. Но если вы не помните их все (кто вообще их запоминает?), инспектор отображает список всех шорткодов, доступных на вашем сайте. Перетащите кнопку Shortcode из инспектора в область контента, найдите нужный и нажмите на него, чтобы вставить.
Шорткоды преобразуются в реальный контент во фронтенде. Чтобы отредактировать их, выберите шорткод и просмотрите его атрибуты в инспекторе. А для большего контроля вы можете дважды кликнуть по шорткоду, чтобы отредактировать его в исходном виде. После внесения правок шорткод обновится, отображая изменения.
Изменение порядка контента
С помощью PBS вы можете щелкнуть и перетащить что угодно и куда угодно. При перетаскивании наведите элемент на другой элемент страницы: вы можете переместить его как выше, так и ниже любого другого контента.
Сохранение работы
Когда вы будете довольны дизайном, просто нажмите кнопку сохранения в левом верхнем углу страницы. Вот и всё!