WordPress Front Editor

WordPress — классная платформа для создания сайтов, а в особенности для блогов. Развернуть систему и создавать контент — очень просто и быстро, и дружелюбный интерфейс только помогает в этом.

Но у WordPress всегда была одна особенность — это отсутствие встроенного функционала редактирования контента вне административного раздела. Читать, комментировать записи — на здоровье, пожалуйста. Но писать статьи — пожалуйте в админку, пожалуйста.

Нельзя сказать, что создание статей с фронтовой части сайта невозможно — всегда можно допилить нужный функционал и прикрутить какой-угодно редактор. Или написать собственный. Но для этого необходимы два условия:

1. Наличие умения или разработчика
2. Время для реализации такого функционала

Поэтому движения в разработке такого плагина, который такой функционал реализует, постоянно происходит. Один из немногих таких плагинов — герой текущей статьи — WordPress Front Editor.

Плагин доступен в официальном каталоге дополнений, в наличии также официальный сайт и репозиторий на Github.

После установки нам необходимо создать страницу, в которой либо в редакторе Gutenberg добавить специальный блок «Editor Block», либо добавить шорт-код [bfe-front-editor], после чего с помощью данной страницы мы сможем создавать новые записи.

Настройки плагина более чем лаконичны — здесь мы можем сконфигурировать несколько параметров:

1. статус, который будет присвоен новой записи — «опубликовать» или «ожидает подтверждения»;
2. можно предоставить пользователям возможность добавить обложку к посту, обязать их добавлять такую картинку (сделать обязательной) или вовсе отключить возможность добавления изображения;
3. позволить указать категорию, в которую будет добавлена запись, сделать выбор обязательным или попросту отключить;
4. в платных версиях — возможность выбора типа записи.

Сам плагин достаточно прост и лаконичен в своём виде и вполне неплохо впишется в дизайн. Он основан на Editor.js и является block-styled в соответствии с модными веяниями времени.

Для создания контента нам доступны несколько видов блоков:

• параграф / текст, при выделении куска текста можно добавить ссылку, сделать его жирным, курсивным, сделать маркерное выделение или разметить как встроенный код (inline code)
• заголовок
• изображение
• список — нумерованный и ненумерованный
• чек-лист — тот же ненумерованный список, только со своими классами стилей
• цитата (текст + автор)
• блок внимания
• вставка блока с кодом (pre — code)
• разделитель
• таблица

Конечно, редактор Gutenberg имеет гораздо большее количество таких блоков, но в целом список достаточный, чтобы написать пост. Для этой статьи, например, данный список более, чем исчерпывающий.

Созданную с помощью Front Editor запись можно в нём же и отредактировать. Можно редактировать и записи, созданные в Gutenberg, но нужно учитывать, что его блоки он проигнорирует или сведёт к обычной строке — например, встроенное с YouTube видео. А при обновлении записи через Front Editor данные о блоках будут утеряны.

Кроме бесплатной версии имеются ещё 2 платные — Pro и Developer, с годовой подпиской $99 (≈ 7 100 рублей) и $149 (≈ 10 800 рублей) соответственно.

Итого — плагин вполне хорош и пригоден для использования на проектах. Особенно если предусмотрено создание контента пользователями, и нужно сделать так, чтобы редактирование контента происходило вне админки — самое то.