Він дозволяє редагувати ваші пости та сторінки WordPress через фронтенд, змінюючи макет та текст одночасно. На відміну від інших подібних плагінів, PB Sandwich не захаращує ваш сайт великою кількістю додаткового коду і не засмічує ваші пости шорткодами.
Дивіться також:
Плагін доступний безкоштовно у каталозі WordPress, має понад 1000 активних установок та рейтинг 4.2 з 5.
На сайті розробника ви також зможете знайти преміум версії:
У цьому пості ми зробимо огляд плагіна, познайомимося з його функціями та подивимося, як легко редагувати сторінки в режимі реального часу.
Можливості PB Sandwich
- Click & Type — Щоб додати текст, просто натискайте та почніть друкувати. Вам не потрібно вникати у код.
- Перетягни та Впусти — Контролюйте текст, зображення, макети, рядки та інші елементи за допомогою функції drag-and-drop.
- розстібати — Зробили друкарську помилку? Не біда. Ви можете скасувати зміни через знайому команду Ctrl+Z (або Command+Z).
- Вставте URL-адреси — Легко додає будь-який контент, включаючи відео. Просто вставте URL і готове. Працює з YouTube, Vimeo, Twitter, Flickr, Instagram та багатьма іншими ресурсами.
- Без безладів - Ясний і простий інтерфейс без будь-яких дратівливих спливаючих вікон; шорткоди не будуть приводити ваш контент безладно.
- Прості шорткоди — Функція для досвідчених користувачів WordPress, яка дозволяє побачити фактичні шорткоди під час редагування. Зміни відбуватимуться на льоту. Те, що ви бачите, це дійсно те, що ви отримаєте зрештою.
Майбутні функції
- Фонові зображення для рядків та стовпців
- Паралакс та відео заставки для рядків та стовпців
- Каруселі, що редагуються в реальному часі
- Дизайн-модулі/шаблони. Такі речі, як call-to-action хедери, набір іконок та описів функцій, групи відгуків тощо. Все це типові елементи дизайну, які зазвичай трапляються на сайтах.
Робота з плагіном
Даний плагін дуже легко налаштувати, для цього його потрібно просто завантажити і активувати. Щоб почати з ним працювати, перейдіть до консолі адміністратора, відкрийте вкладку Користувачі → Ваш профіль і позначте вікно Показати панель інструментів під час перегляду сайту.
Тепер, якщо ви відвідаєте будь-яку сторінку чи пост через фронтенд вашого сайту, ви побачите синю кнопку Edit With Page Builder Sandwich.
Натискаючи на неї, ви відкриваєте будівельник сторінки, в якому ви можете робити зміни в реальному часі.
Редагування сторінки
Після того, як ви активували PB Sandwich на вибраній сторінці, з лівого боку він додасть область прокручування з усіма необхідними інструментами для форматування:
Нагорі ви знайдете стандартні інструменти для форматування тексту: жирний, курсив, вирівнювання, вставка посилань і так далі. Всі елементи, які доступні у звичайному текстовому редакторі.
Далі знаходяться параметри, в яких можна змінити тип тексту (абзац, заголовок, список, цитата). Щоб використати всі ці інструменти, просто клацніть на область тексту на сторінці — ви побачите редаговані області, оскільки вони підкреслені помаранчевим. Можна змінити будь-який елемент у межах вмісту сторінки, але не на бічній панелі, верхньому або нижньому колонтитулі області.
Інструменти розмітки дозволяють збільшувати/зменшувати відстань між елементами, збільшувати висоту рядка або скидати параметри полів.
Ви можете використовувати плагін для створення макетів на вашій сторінці шляхом додавання рядків та стовпців. У нашому прикладі ми додали 3 колонки, які містять заголовки та списки:
Якщо ви перевірите вихідний код у редакторі постів, то ви побачите, що вони були додані за допомогою "правильного" HTML коду (інші плагіни іноді використовують шорткод для основного HTML форматування).
Ви також можете працювати з будь-якими вбудованими медіа: додайте галереї, зображення та відео на сторінку та використовуйте Page Builder для їх редагування.
Навчальні відеоролики
На сайті існує ціла серія відеороликівякі покажуть вам плагін у дії та продемонструють його основні можливості. Тут ви побачите, як додавати та редагувати контент, як за допомогою плагіна створювався їхній власний сайт і так далі.
Вартість
В офіційному каталозі WordPress плагін можна скачати безкоштовно, але на сайті розробника його можна оновити до преміум версії, яка включає більше інструментів та можливостей, оновлення та повну підтримку з боку видавця.
Ціна: $59 для одного сайту або $89 для кількох.
Висновок
Нам сподобався цей плагін: на даний момент там є основні, грамотно підібрані функції, але розробники не збираються зупинятися на досягнутому. У нього безперечно є великий потенціал. Виходячи з того, що ми бачили при роботі з плагіном та деяких коментарів на сайті, можемо припустити, що основним завданням плагіна є стати легким та зручним інструментом, який не перенавантажуватиме ваш сайт величезною кількістю шорткодів. Це дуже круто, адже в такому випадку, ви не потрапляєте у вічну залежність саме від цього плагіна: якщо ви захочете змінити його на щось інше, вам не доведеться турбуватися про втрату всього контенту, який ви створили.
Контент додається шляхом розміщення тегів div у вмісті сторінки, потім відбувається його оформлення. Це означає, що якщо ви відключите плагін, у вас залишаться елементи div, які ви зможете видалити або змінити вручну. Хаотичного безладдя з купою шорткодів у фронтенді ви не побачите.
На даний момент у плагіні доступні функції для базового форматування та створення макетів сторінок/постів, які не представлені у стандартному редакторі постів WordPress. Саме тому він просто ідеально підійде для новачків, які ще не знають, як написати код для CSS, але вже хочуть вносити досить складні зміни на сайт. Тут PB Sandwich стане чудовим помічником, оскільки справді дуже простий у використанні.
Ми будемо стежити за подальшим розвитком цього плагіна, а ви, тим часом, вже можете випробувати його на вашому сайті.
Джерело: wplift.com
Коментарі до запису: 2
щось я поклацав демо у них на сайті…. не зрозумів нічого…. на відео все так легко і красиво - починаєш клацати - взагалі нічого не зрозуміло як елементи з панелі перетягувати або виводити, на шерт коди натискаю - нічого не відбувається ... чи то я баран, чи то лижі не дут)))
Лижі.