Останнім часом з'явилося досить багато drag-&-drop плагінів для редагування вмісту на WordPress, оскільки власники сайтів хочуть контролювати їхній зовнішній вигляд без залучення веб-розробника для внесення змін до дизайну сайту.
MotoPress — один із таких плагінів. Він був створений, щоб замінити стандартний редактор записів WordPress (TinyMCE) і допомогти кінцевому користувачеві редагувати контент, статті та типи користувача постів за допомогою drag-&-drop інтерфейсу. А бонус цього плагіна у тому, що він працює з будь-якою темою.Дивіться також:
Теоретично все звучить досить цікаво. А тепер спробуємо розібратися, як він працює на практиці.
У цьому пості ми розглянемо процес встановлення та налаштування плагіна, як він працює при створенні сторінки користувача за допомогою drag-&-drop інтерфейсу.
Встановлення та налаштування плагіна
Після того, як ви встановили та активували плагін, вам буде запропоновано ввести ліцензійний ключ. Потім вам потрібно зайти в параметри плагіна та налаштувати деякі базові опції. Тут можна вибрати, який тип посту увімкнути (сторінки, записи, інше), для яких рівнів користувачів відключити плагін, вибрати перевірку орфографії, вставити користувацькі CSS і вибрати шорткод для вставки в HTML.
Коли ви визначилися з основними параметрами, можна перейти до створення сторінок.
Створення сторінки
Для використання плагіна потрібно створити нову сторінку чи запис. Для цього зайдіть у «Додати нову» сторінку і вгорі ви побачите нову кнопку під назвою «MotoPress Редактор контенту». Натисніть на неї і можна починати.
Сторінка стане білою і на ній з'явиться піктограма очікування під час завантаження.
Після завантаження редактора у правому верхньому куті сторінки з'являться три кнопки: публікувати, зберегти, попередній перегляд. З лівого боку панель з іконками доступних модулів, а в центрі віконце, в яке потрібно перетягнути об'єкти і почати роботу з ними.
Доступні об'єкти – це Текст:
Зображення та слайдери:
Кнопки та поширення в соціальних мережах:
Відео та аудіо:
Спеціальні шорткоди, такі як: сітка постів, таблиці, графіки та карти:
І нарешті, ви можете додати регулярні віджети WordPress:
Для створення сторінки потрібно просто почати перетягувати елементи з меню зліва. Розміщення текстового поля виводить параметри форматування тексту:
Перетягніть весь вміст:
Потім натисніть на "Попередній перегляд" і ви побачите, як воно виглядає на сайті:
Коментарі до запису: 2
Потестив демо, не сподобався
Візуал композер у рази кращий
чудова штука, легке редагування на фронті, купа тулзів, все красиво