Page Builder Sandwich не схожий на звичайний конструктор сторінок, він нескладний і простий у використанні.
Ви можете переглянути відео нижче для швидкого ознайомлення.
Де знаходиться редактор?
Спочатку створіть нову сторінку, запис або CPT. Потім відкрийте новий запис або будь-який наявний у фронтенді. PBS — це на 100% фронтенд, вам не доведеться поратися в бекенді.
У верхній частині сторінки (на панелі адміністратора) має бути кнопка «Page Builder Sandwich», натисніть її, щоб розпочати редагування. Зверху з’явиться панель форматування тексту, а збоку — панель додавання елементів. Область вмісту вашої теми тепер є вашим редактором!
За допомогою PBS можна редагувати лише окремі сторінки. Ви не можете редагувати список публікацій блогу або сторінку 404, оскільки вони створюються вашою темою. Записи, сторінки та користувацькі типи записів підтримуються.
Редагування вашого вмісту
А тепер найцікавіше… опинившись у фронтенді всередині редактора, клацніть будь-який текст у своєму вмісті або всередині області вмісту і почніть вводити текст! На відміну від інших конструкторів сторінок, PBS дозволяє редагувати вміст напряму, без потреби відкривати спливаючі діалогові вікна.
Форматування вмісту / Надання гарного вигляду
Під час редагування область угорі називається Панель форматування тексту. Ця панель містить усі інструменти форматування, які ви використовуватимете для стилізації тексту, як-от: кольори, жирний шрифт, курсив, вирівнювання, додавання посилань, списки та багато іншого. Наведіть курсор на кожну кнопку, щоб дізнатися, що робить цей інструмент.
Додавання елементів
Наведіть курсор миші на кнопку «Add Elements» у верхньому лівому куті екрана, щоб відобразити Панель додавання елементів. Ви також можете просто перемістити курсор миші до лівого краю екрана, щоб вона з’явилася.
Щоб вставити будь-який елемент, затисніть його кнопкою миші, а потім перетягніть в область вмісту. Область, куди буде розміщено елемент, підсвітиться. Відпустіть кнопку миші, щоб розташувати елемент.
Стилізація та змінення елементів
Наведіть курсор миші на будь-який елемент у вашому вмісті, і над ним з’являться контури та панелі інструментів.
Ви можете навести курсор миші на краї контурів, щоб збільшити або зменшити відступи між елементами.
Ви також можете натиснути кнопку на панелі інструментів для виконання швидких дій над елементом. Натискання на піктограму шестірні на панелі інструментів відкриє Інспектор властивостей, який містить додаткові параметри.
Інспектор властивостей
Інспектор властивостей надає вам більше контролю над виглядом ваших елементів. Ви можете додавати багато параметрів, як-от тіні, анімації, змінювати кольори карт, радіус меж та багато іншого.
Ви також можете отримати доступ до властивостей батьківських елементів. Наприклад, якщо ви розмістили зображення всередині колонки та відкрили інспектор властивостей, ви можете отримати доступ до властивостей зображення, колонки, в якій воно міститься, і рядка, в якому міститься колонка.
Інспектор властивостей містить безліч різноманітних налаштувань для різних елементів, тому обов’язково ознайомтеся з ними всіма.
Використання шорткодів
Page Builder Sandwich відображає реальні шорткоди у фронтенді, і ви також можете легко їх редагувати!
Якщо ви пам’ятаєте свої шорткоди напам’ять, ви можете вставляти їх, вводячи безпосередньо у вмісті. Але якщо ви не пам’ятаєте їх усі (хто їх узагалі запам’ятовує?), інспектор містить список усіх доступних шорткодів на вашому сайті. Перетягніть кнопку Shortcode з інспектора в область вмісту, знайдіть потрібний і клацніть його, щоб вставити.
Шорткоди перетворюються на реальний вміст у фронтенді; щоб відредагувати їх, ви можете вибрати елемент і переглянути його атрибути в інспекторі. Або для більшого контролю двічі клацніть на шорткоді, щоб відредагувати його у вихідному вигляді. Після внесення змін шорткод оновиться, відображаючи їх.
Зміна порядку вмісту
За допомогою PBS ви можете перетягувати будь-що і переміщати куди завгодно. Коли ви щось перетягуєте, наведіть це на інший елемент сторінки: ви можете розташувати його вище або нижче будь-якого іншого вмісту.
Збереження вашої роботи
Коли ви будете задоволені результатом, просто натисніть кнопку збереження у верхньому лівому куті сторінки. Ось і все!