Гайд по редактору статей

Если вы как-то сюда попали, то лучше почитайте более актуальный гайд от декабря 2023 года.

Как раскрыть всю мощь «Основы» и красиво оформить свой контент.

Инструменты

Комбинации клавиш

Навигация

Вывод в ленту

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

Меню выбора инструментов вызывается по нажатию плюса при создании нового блока или последовательным нажатием Enter и Tab. Поиск по инструментам работает даже при неправильно выбранной раскладке. Если, например, вместо «ау» ввели «fe», то «Аудио» все равно покажется в результате поиска.

Каждый инструмент — это отдельный блок в статье. У всех них есть общие дополнительные опции. Кроме того у некоторых инструментов есть свои уникальные опции. Все они доступны по нажатию по шестеренки в правой части блока и/или рядом с ней.

Опции «Переместить вверх/вниз» и «Удалить блок» понятны и без лишних объяснений. Однако перетащить блок в другое место поста можно и другим способом: слева от активного элемента появляется иконка Drag-and-drop.

Про использование якорей и вывод в ленту отдельно.

К оглавлению.

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

Дополнительная опция для текста — возможность сделать из него (под)заголовок.

К оглавлению.

Заголовки/подзаголовки можно делать трех размеров: H2, H3, H4 (от большого к маленькому):

Или их можно преобразовать в текст.

К оглавлению.

Можно прикладывать одиночные фото.

Видео и гифки.

Или совмещать их и делать из них галерею. Кроме того можно включать/выключать рамку для одиночных картинок/гифок/видео, а также добавлять и убирать подложку.

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

К оглавлению.

Этот блок позволяет встраивать картинки и блоки из других сервисов по прямой ссылке. Поддерживаются Telegram, Twitter, Instagram, Youtube, Vimeo. Также в статью можно вставить гифки напрямую с Imgur, Gfycat и Giphy. Наверняка, можно что-нибудь ещё.

На самом деле необязательно вставлять ссылки с помощью этого блока. Они сами подхватываются при вставке в тексте.

К оглавлению.

К оглавлению.

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

Кроме основного вида цитат есть и более компактный вид «Мнение».

К оглавлению.

Есть обычный и нумерованный варианты списков.

К оглавлению.

Удобно не только для демонстрации кода, но и каких-нибудь табличных данных, поскольку шрифт в таком блоке моноширинный.

К оглавлению.

Разделитель текста в виде трех больших звёздочек, центрированных по горизонтали. Часто встречается в обзорах, где заключение отделяется от основного тела статьи.

К оглавлению.

Можно загрузить аудио в формате. mp3 (к сожалению, только в нём, подтверждено Денисом Ширяевым) и подобрать любую обложку к нему.

К оглавлению.

Анонимный опрос с единственным вариантом выбора. Поддерживает до 30 разных предложенных вариантов ответа.

К оглавлению.

Ещё один вариант врезки для демонстрации какого-либо очень важного числа. Содержит отдельное поле для пояснения, что это за число вообще такое. Хотя весь этот блок прекрасно работает и без всяких цифр.

К оглавлению.

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

К оглавлению.

Полезные комбинации. Их всегда можно подсмотреть у Кодзимы в правом нижнем углу в окне редактора.

К оглавлению.

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

Стоит отметить, что хэштеги работают только в текстовых блоках. Они не действуют, если их вписать в заголовки/подзаголовки, в поля описаний для различных медиаблоков (картинки, вставки из Twitter и т.д.), в цитатах/врезках/цифрах, в списках, в опросах и в блоках «Код» и «Персона». Только в тексте.

Кроме того, хэштеги поддерживают только латиницу, кириллицу, цифры и символ подчёркивания. Остальные символы будут обрывать хэштег на полуслове.

При наборе хэштега предлагается выпадающий список подходящих тегов. Можно выбрать уже существующий вместо того, чтобы плодить новые (смотрю на вас, теги по The Last of Us: Part II). Список всех хэштегов, использованных на сайте, можно посмотреть тут.

К оглавлению.

Навигация внутри статьи осуществляется с помощью якорей. Удобно для длинных статей, которым требуется оглавление.

Нужно в поле «Якорь» вписать любое слово для создания ссылки. Кириллица будет автоматически транслитерироваться, так что не удивляйтесь, если получается какая-то ерунда вместо задуманного слова.

Обратите внимание на текст, появившийся слева от блока. Мы уже сформировали якорь, и можем использовать его в гиперссылках, чтобы перейти к нужному элементу поста. Осталось лишь создать ссылку в самой статье, например всё в том же оглавлении. Выделяем нужные слова, входим в режим добавления ссылки (например через Ctrl+K) и впечатываем туда адрес якоря. Обязательно c использованием символа #.

К оглавлению.

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

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

К оглавлению.

Напоследок, пара полезных ссылок на советы по оформлению от редакции.

И еще раз ссылка на актуализированный гайд от господина Кролига:

#dtf #основа #гайды