Оформление историй

Редактор

Итак, вы нажали кнопку “Написать” и попали в редактор. Посмотрим, что он может вам предложить.

Вверху расположена панель с инструментами настройки истории, кнопками публикации и сохранения в черновики. Конкретнее о них будет рассказано ниже. Далее идёт заголовок истории и поле для основного контента. 

Следует сразу прояснить две вещи:

  • максимальная длина заголовка - 160 символов;
  • для превью истории в общей ленте используется первый медиаматериал (изображение, видео, встроенное видео) и первый блок текста ПРИ УСЛОВИИ что этот блок текста расположен выше медиа. Если все блоки текста ниже, на превью поста будет только медиаматериал.

Блоки

По нажатию плюса в поле основного контента появляется меню выбора типа контента в новом блоке. Базовым типом для каждого нового блока является текст, его не обязательно выбирать явно. Нажимая левой кнопкой мыши ниже последнего блока можно начать новый блок

Пиктограмма с шестью точками скрывает элементы управления блоком, такие как преобразование блока в другие совместимые типы, изменение порядка размещения блоков и удаление блока.

Текст

 Текстовой блок соответствует абзацу. По нажатию Enter текущий блок завершается и начинается новый. Чтобы отформатировать введенный текст нужно его выделить и выбрать функции форматирования из всплывающего меню.

Pro Tips

  • по нажатию Shift+Enter случится перевод строки, но не начнётся новый блок. Это может быть полезно например для ввода стихотворного текста, но следует помнить, что на превью подобный переход удалится и все строчки сольются в одну.
  • для функций форматирования работают общепринятые хоткеи: Ctrl+B для жирного текста, Ctrl+I для курсива, Ctrl+U для подчеркивания, Ctrl+K для ссылок. Хоткеи для других пунктов можно увидеть наведя на них в меню.

Заголовки

 Заголовки служат для структурирования текста. После создания блока заголовка можно нажать на пиктограмму с шестью точками и выбрать уровень заголовка от 2 до 4 (заголовком первого уровня считается заголовок поста) 

Pro Tips

  • в отличии от заголовка поста, заголовки в теле поста не ограничены по количеству символов

Списки

 Поддерживается три типа списков: неупорядоченные, упорядоченные(нумерованные) и чек лист. При создании блока автоматически создается первый элемент списка

 Маркерами элементов неупорядоченного списка служит точка.

Маркерами элементов упорядоченного списка по умолчанию будут цифры.

 Маркерами элементов чек листа будут чек боксы, которые можно отметить в произвольном порядке. Жаль, что он не работает.

Pro Tips

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

Цитаты

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

 Выглядеть в опубликованном посте цитаты будут следующим образом:

Изображения

 Блок изображения позволяет загрузить файлы форматов .jpeg/.jpg, .png, .bmp, .tiff, .jfif, .webp и различные другие но не работает с анимированными форматами изображений, такими как .gif или .apng. Максимальный размер изображения для загрузки 50 Мб.

 После создания блока автоматически появится всплывающее окно выбора файла для загрузки. Если его закрыть или нажать “Отмена”, блок будет находится в ожидании. Нажав “Выберите изображение” можно заново вызвать окно выбора файла для загрузки.

 После загрузки и обработки изображение появится на экране. К нему по желанию можно добавить подпись. По нажатию пиктограммы с шестью точками изображение можно растянуть по ширине

Pro Tips

  • изображение можно добавить напрямую из буфера обмена, нажав Ctrl+V, либо перетащив мышкой из файлового менеджера в поле поста
  • подписи к изображениям не отображаются на превью
  • все загруженные изображения конвертируются и хранятся на сервере в формате .webp

Видео

 Блок видео во многом сходен с блоком изображения. Поддерживаемые форматы файлов включают .mpeg, .mp4, .avi, .webm и некоторые другие. Максимальный размер файла - 50 Мб.

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

Pro Tips

  • аналогично изображениям, видео можно загрузить из буфера хоткеем или через drag’n’drop
  • подписи к видео не отображаются на превью
  • все загруженные видеофайлы конвертируются и хранятся на сервере в формате .webm

Аудио

 Администрация и модерация крайне рекомендует использовать загрузку аудио только для легальных целей. Если вы хотите поделится аудио, защищенным авторским правом, лучше приложите ссылку на YouTube или другие стриминговые сервисы.

 Логика работы блока не отличается от предыдущих двух. Поддерживаются форматы mp3, m4a, wav, flac и другие. Максимальный размер файла - 5 Мб.

Pro Tips

  • в качестве источника для загрузки можно указать видеофайл в формате .mp4 или .webm, в таком случае плеер будет воспроизводить только звуковую дорожку, но сам файл будет храниться в неизменном виде.

Встроенные медиа

 Ссылки на видео с сервисов YouTube и Coub вставленные в новый текстовой блок автоматически преобразуются во встроенные видео.

Это YouTube.

А это Coub

Ace-код

 Данный блок предназначен для публикации различных типов программного кода и поддерживает подсветку синтаксиса нескольких языков программирования, запросов и разметки.

Разделитель

 Это разделитель! ¯\_(ツ)_/¯ 

Cообщество

 На Enthub существуют сообщества - подсайты по разным тематикам. Размещение поста в сообщество опционально, но полезно тем, что пост попадает в ленты подписанных на сообщество пользователей, а также получает релевантные рекомендации. Так можно привлечь к своему посту аудиторию, которая с большей вероятностью будет в нём заинтересована.

 Нажатие на “Выберите сообщество” откроет список из тех сообществ, куда можно разместить пост. Список этот соответствует тем сообществам, на которые пользователь подписан, поэтому нельзя разместить пост в абсолютное любое сообщество на сайте, не подписавшись на него предварительно. 

Сообщество Enthub используется для нужд редакции и администрации, поэтому пользовательские посты размещенные в нём будут распубликованы в черновики.

Теги

Второй инструмент тематизации поста - теги. В отличии от максимально обобщенной тематики сообщества, теги позволяют конкретизировать содержание поста. Грамотно указанные теги помогут пользователям в фильтрации и поиске контента, а также поисковым системам для индексации. К посту можно прикрепить до пяти тегов.

 Чтобы настроить теги надо нажать на пиктограмму с тремя точками на верхней панели и выбрать пункт “Настройки”. 

 В открывшемся боковом окне есть поле теги. Установив в него курсор, можно начать вводить теги, клавиша Enter заканчивает тег. На сайте уже существует множество тегов, и при введении появится интерактивная подсказка с тегами, содержащими уже введенный текст. Если в этом списке есть нужный тег его можно выбрать стрелочками на клавиатуре и нажать Enter, либо щелкнув мышкой.

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

 Специальный тег “КураторSteam” означает согласие автора на использование его обзоров в аккаунте куратора Enthub в Steam.

Спецгалочки

 Ниже поля тегов можно увидеть два переключателя. Первый из них, “Отключить комментарии”, как и следует из названия отключает возможность комментирования для поста.

 Переключатель NSFW предназначен для чувствительного контента. На Enthub запрещены порнография, открытая эротика и сцены жестокости, однако, если даже при соблюдении правил ваш контент таков, что лучше его не показывать попутчику в автобусе - включите эту опцию. Пост в режиме NSFW появляется только у тех пользователей, что включили его отображение в настройках сайта, и  отображается в ленте под спойлером.

Черновики

 Итак, пост оформлен, можно нажать кнопку “Опубликовать” и отправить его сразу в ленту. Но можно нажать кнопку “Сохранить” и отправить пост в черновики.

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

 Черновики могут быть удобны по разным причинам. Например, если вы хотите подготовить пост заранее и в назначенное время выпустить его без промедлений. Или если работа над большим постом растянется на несколько подходов, и нужно сохранить промежуточные результаты. Кроме того в ленте черновиков можно оценить как будет выглядеть пост в общей ленте и решить, публиковать пост или сначала внести правки.

 Для того чтобы продолжить работу над постом или напротив, опубликовать его, нужно нажать на пиктограмму с тремя точками возле надписи “Черновик” в верхнем правом углу поста и выбрать пункт “Редактировать”.

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

 Пункт “Скопировать ссылку” отправит в буфер обмена ссылку на черновик. Особенность работы сайта в том, что черновики фактически являются готовыми постами, однако доступ к ним (кроме владельца) можно получить только по прямой ссылке.

 Модерация сайта имеет право удалять или распубликовывать посты, нарушающие правила. Во втором случае посты будут доступны в ленте черновиков.

Шаблоны оформления 

Баннеры для обзоров пользователей

Редакция Enthub выполняет обзоры игр в единой стилистике. Если вы хотите подытожить свой обзор (не обязательно игры) графически заметной оценкой, можете использовать заранее заготовленные баннеры для пользователей.

Рекомендации постов

 Внутри поста, после пролистывания блока коментариев до конца можно увидеть бесконечную ленту рекомендаций. Каким образом составляется эта лента?

 Два наиболее значимых критерия для составления рекомендаций - название и сообщество исходного поста. С сообществами всё просто, при размещении поста в сообщество “Книжный клуб” в рекомендациях появятся другие посты из этого сообщества. Аналогично для поста в сообществе “Игры” будут рекомендоваться другие посты из сообщества “Игры”.

 Другая часть постов будет рекомендоваться исходя из совпадений слов и словоформ в названии. Так, скажем, если ваш пост называется “Обзор Hollow Knight: Silksong”, то в рекомендациях можно будет увидеть посты в чьем названии присутствуют слова “Hollow” “Knight” “Silksong” или “Обзор”. Верно и обратное, ваш пост попадёт в рекомендации других постов с названием “Обзор …” или “Hollow Knight …”

 Также в рекомендациях могут появляться посты со сходными тегами.

Критерии попадания в Лучшее

“Лучшее” -  особая лента, куда попадают редакционные материалы и посты пользователей, отобранные редакцией. Для попадания в ленту лучшего нужно соблюсти несколько правил:

  1. Полное отсутствие мата в превью. Это касается как текста, так и медиаматериалов (изображения, видео, встроенные медиа)
  2. Первый абзац должен содержать не менее 250 символов текста. Данный пункт важен, поскольку это условие новостных агрегаторов, через которые лента лучшего продвигается для внешней аудитории.
  3. Отсутствие саморекламы в тексте поста. Под это подпадают ссылки на любые ваши внешние ресурсы, например, телеграм, ютуб, твиттер, дзен и т.д. 
  4. В посте должны иметься ссылки на источники (в случае если это новость). Проверенность информации важна и с моральной, и с юридической точки зрения и для выдачи в поисковых запросах.
  5. Материал должен относиться к одной из основных тематик сайта (игры, книги, кино, сериалы, анимация, музыка, девайсы). Контраверсивные темы такие как: политика, религия, межличностные отношения и вопросы сексуальности не попадают в лучшее.

Блок “Лучшие истории” на главной странице

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