Publo: возможности платформы и краткий мануал

Никита Белоголовцев

Привет. Это по возможности короткий (на самом деле не очень) рассказ о том, что умеет наша платформа и чем она может быть вам полезна. Скриншоты взяты из админки сайта mel.fm, но ровно то же самое под капотом любого сайта, который сделан на Publo.

Общие разделы

Вот так выглядит админка внутри:

Экран по умолчанию: список опубликованных публикаций с числом просмотров

Дальше вкладка "Черновики" со всеми статьями в работе. Очень удобно, потому что не нужны никакие гугл-доки с правками, и вся работа над текстом (редактура, корректура, вёрстка, иллюстрации) может идти в одном месте:

Черновиков может быть бесконечно много, сортируются по дате последнего изменения

Чтобы избежать одновременных правок, черновик в работе блокируется:

Чужое редактирование можно прервать, если кто-то работал и уснул

У черновика и статьи в любой момент доступно превью, которое покажет, как статья будет выглядеть в реальной жизни:

Кино можно не смотреть, а превью обязательно!

Дальше "Рубрикатор". Рубрики можно создавать, удалять, редактировать:

Очень удобно, например, для создания партнёрских рубрик под спецпроекты

Вот так выглядит на сайте:

Рубрик может быть столько, сколько в дизайн помещается

А вот как раз пример партнёрской рубрики, которую можно завести максимально быстро:

Может быть опять-таки практически всё, что получится продать

Дальше раздел "Авторы". Список всех авторов сайта:

Вот так каждый конкретный:

Дальше, конечно очень важная вкладка про рекламу:

Тут список всех предусмотренных по умолчанию форматов. Каждый можно включать и выключать вручную:

Включаются/выключаются пока для всего сайта, в дальнейшем можно будет указывать конкретные страницы

Заодно показывает в черновиках, куда встанут наиболее проблемные для вёрстки рекламные форматы:

И, наконец, список всех пользователей, у которых есть доступ в админку:

Разумеется, легко редактируется. Пока есть только одна пользовательская роль, при необходимости (ни у кого пока не возникало) можем увеличить

Создание публикации

Мы постарались сделать акцент на максимально удобном текстовом редакторе. Это, с одной стороны, позволяет верстать материалы практически любому сотруднику редакции (экономия ресурсов), с другой - разнообразие элементов позволяет верстать сложные и красивые материалы (без экономии на форматах).

Базовые параметры новой публикации:

Если что-то из обязательного не заполнено, админка не даст опубликовать и расскажет, чего не хватает

Текст пишется непосредственно в редакторе или копируется из внешнего источника (при копировании удаляется внешнее форматирование). Дальше вся работа с текстом идёт в редакторе. Например, выделяем кусок текста и делаем его лидом:

Вставляем подзаголовки, иллюстрации и всё, что нужно непосредственно в тело статьи:

Кладём текст на "подложку", выделяем "врез" или ставим разделительную черту:

Все элементы редактирования доступны (но не обязательны) для любой публикации в любом жанре. То есть можно сверстать простую новость с минимумом редактирования:

http://mel.fm/2017/01/14/debts

Несложную заметку:

http://mel.fm/2017/01/13/beavers

Или полноценный длинный текст:

http://mel.fm/2016/12/26/zapovednaya_smena

Важное примечание: сейчас в функционале нет галерей, но они появятся в феврале.

Обложка статьи

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

Если пишем новость, обложка не нужна, просто ставим галку и скрываем

Дальше наша гордость - варианты обложки для главной страницы и дополнительные форматы для мобильного адаптива и соцсетей:

На первый взгляд, много, но всё работает

В результате получается вот такая главная со сменой ритмов и форматов:

Хотя, можно и строже, если есть такая задача

В мобильном вот так:

Технические опции публикации

Можно удалить/снять с публикации, сохранить, увидеть предпросмотр:

Если хотим опубликовать, но чего-то не хватает - заботливая админка предупредит:

Об обложках тоже напомнит:

Тесты

Они у нас тоже есть! Вставляются отдельным блоком любой текстовый черновик:

То есть отдельно пишем лид, оформляем обложки, а потом верстаем сам тест

Там внутри тоже очень много всего. Сам вопрос, картинка (если нужна), расшифровка ответа (если нужна):

В результатах тоже много всего. Картинка, описание, даже рекламный банер (если тест партнёрский тест):

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

Первая полоса

Понимаю, что рассказ немного затянулся, но не могу сказать про работу с первой полосой. Для неё есть отдельная вкладка:

Вся работа по перевёрстке максимально простая. Можно вынести/убрать материал (on/off) и передвинуть его выше/ниже (drug-and-drop):

Если в процессе переноса, что-то сломается из-за большой двойной картинки, не переживайте, админка сама поднимет выше следующую одиночную картинку и заполнит дыру, которую видно в предпросмотре:

Выносить на главную можно любой опубликованный материал (и новости, и тесты, и вообще всё), перевёрствывать любое количество раз без ограничений. Если кто работает с первой полосой, блокируется по принципу черновика.

Блоги

А ещё наша админка позволяет работать с настоящими пользовательскими блогами. То есть не такими, как на "Снобе" или "Эхе Москвы", а такими как на "Хабрахабре" или Sports.ru.

Завести блог может любой зарегистрированный (можно через соцсеть) пользователь:

В декабре 2016-го "Мел" получил от пользовательских блогов более 10% трафика

Пользователь получает чуть облегчённый текстовый редактор, сделанный на основе редакционного:

Пользователь всё пишет всё, что считает нужным и публикует. Смысловой модерации нет, есть только по стоп-словам.

Как же так? Почему вы этого не боитесь?!

Потому что после публикации блог виден только в админке и по прямой ссылке. То есть если кто-то написал какую-то чушь, он должен её ещё и расшарить. Иначе её не увидит вообще никто. Кроме редакции, разумеется. Редакция видит всё написанное в разделе "Блоги". Вот он в админке:

Редакция может редактировать запись в блоге так же, как и остальные тексты. Если с текстом всё хорошо, мы добавляем его на первую полосу:

У добавленных на первую полосу появляется красный флажок

После этого их можно выносить на главную страницу сайта, и они автоматически добавляются в раздел "Блоги", где их читает уже кто угодно:

Разницу с редакционным контентом мы принципиально не акцентируем

В завершение темы блогов одним скринштом расскажу о сервисе "Мои подписки". Любой зарегистрированный пользователь сайта может подписаться на любого автора, блогера и тэг и получать уведомления о новых статьях в свою персональную ленту. Тексты выстраиваются там в хронологическом порядке:

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

Вот, вроде, самое основное. Всегда рад ответить на ваши вопросы по почте nikita@mel.fm или в телеграме @nikitozis. Удачи!