У цій статті буде наведено короткий огляд того, як працює Page Builder Sandwich, і вона призначена як вступ для тих, хто цікавиться тим, як наш конструктор сторінок інтегрується з різними елементами у WordPress. Я не буду заглиблюватися в окремі функції Page Builder Sandwich; якщо вони вас цікавлять, перейдіть на нашу сторінку відео, де ми демонструємо кожну функцію окремо за допомогою коротких скринкастів.
Якщо ви хочете дізнатися, чим Page Builder Sandwich відрізняється від інших конструкторів сторінок, перегляньте нашу статтю Чим Page Builder Sandwich відрізняється від решти.
Де він знаходиться? І що я можу з ним редагувати?
На відміну від багатьох інших конструкторів сторінок, Page Builder Sandwich працює безпосередньо у фронтенді вашого сайту. Якщо ви перебуваєте в бекенді, ми додали кнопку «Frontend» поруч із кнопками редактора вмісту, яка перенесе вас до фронтенду вашої сторінки.
Page Builder Sandwich дозволяє редагувати ваші записи, сторінки та вміст користувацьких типів записів. Проте він не дозволяє безпосередньо редагувати агреговані дописи блогу на головній сторінці та інші не поодинокі розділи вашого сайту. Сприймайте це так: якщо те, що ви хочете редагувати, має редактор вмісту в бекенді (наприклад, «Новий запис» і «Нова сторінка»), то можна використовувати Page Builder Sandwich. Ви можете редагувати окремі сторінки та дописи блогу, і якщо, наприклад, у вас є плагін, який додає меню ресторану або елементи портфоліо, їх ви також можете редагувати.
У фронтенді ми розмістили синю кнопку «Редагувати за допомогою Page Builder Sandwich» на вашій панелі адміністрування. Просто натисніть її, щоб почати редагування сторінки.
Пряме редагування вмісту
Завдяки Page Builder Sandwich ми зробили редагування вмісту максимально простим і безболісним. Редагувати вміст легко й зрозуміло: просто натисніть і пишіть. Усе так просто.
Знайомтеся: інспектор
Ми помітили, що багато конструкторів сторінок мають величезну кількість спливаючих вікон. Особисто я не люблю спливаючі вікна, оскільки вони відволікають і фактично говорять: «Гей, припини те, що робиш, поки не заповниш ці поля». Вони руйнують процес, який міг би бути плавним та зручним редагуванням. Через це ми звели до мінімуму використання спливаючих вікон усюди, і натомість створили інспектор.
Інспектор — це бічна панель, яка містить усі необхідні інструменти форматування та макетування. Інспектор можна закріпити ліворуч або праворуч на екрані, щоб вам було зручно бачити, що саме ви редагуєте.
В інспекторі ви можете налаштовувати різні властивості тексту, такі як заголовки, розміри шрифту, жирний шрифт, курсив, кольори тексту та багато іншого. Крім того, він дозволяє додавати зображення та створювати рядки або вміст у колонках. Він також підтримує розширене редагування, наприклад розширення рядків на всю ширину сторінки, колір фону рядків і колонок, вертикальне вирівнювання вмісту, а також відступи та фонові зображення. Він досить потужний, і здебільшого ви будете використовувати саме його.
Інтеграція з темами WordPress
Page Builder Sandwich за своєю природою майже не містить власних стилів. Коли ви редагуєте свій вміст, стилі, які ви бачите, переважно базуються на вашій темі.
Інтеграція зі шорткодами
Шорткоди є важливим аспектом у WordPress, і, найімовірніше, ви будете використовувати кілька шорткодів на своєму сайті. Page Builder Sandwich чудово справляється з ними: ваші шорткоди відображатимуться у відрендереному вигляді у фронтенді. Шорткоди також залишаються доступними для редагування, і найкраще те, що після їхнього редагування вони знову відобразяться разом із вашими змінами.
Для зручності ви зможете редагувати свої шорткоди за допомогою інспектора. Якщо вам потрібен більший контроль, ви також можете двічі клацнути на шорткоди, щоб редагувати їх у необробленому вигляді. Крім того, усі шорткоди, доступні на вашому сайті, перераховані в інспекторі для легкого додавання до вашого вмісту.
А як щодо перевантаженості сайту?
Хто любить повільні сайти? Точно не ми й однозначно не ви. Ми подбали про те, щоб Page Builder Sandwich мав практично нульовий вплив на продуктивність вашого сайту. Для неавторизованих користувачів щонайменше підключаються лише стилі CSS для рядків і колонок, а також необхідні скрипти JS і CSS для використаних вами шорткодів.
Для розробників
Якщо ви розробник і маєте шорткоди у своїх плагінах WordPress, Page Builder Sandwich надає Shortcode API, щоб ви могли легко надати своїм клієнтам поля для простого створення та редагування ваших шорткодів.
Якщо ви бажаєте ще більше розширити можливості або інтегруватися з окремими частинами Page Builder Sandwich, у нас також є низка корисних хуків дій і фільтрів, які ви можете використовувати.