Пост–статья
Итак, мы собрались с духом, и решили таки запилить пост–статью.
Зачем вообще нормальному человеку это может быть нужно?У поста–статьи есть всего одно серьёзное преимущество перед классическим постом–ссылкой — в статье может быть несколько картинок одновременно.
Всё остальное — не более чем особенности, кому что ближе и роднее.
Но если мы хотим красивую картинку в начале и таблицу линча, не закопанную в сотнях комментариев, выбор у нас не слишком широкий.
Итак, с чего начать? Наверное, с самого начала — смело жмём кнопку "СТАТЬЯ" слева в меню:
Жамкай смелее!
И что же мы видим?
Чистая заготовка ждёт первых букв
Начнём прямо с самого верха — придумаем заголовок и подзаголовок. Мастеров слова учить — только портить, поэтому тут сами. В подзаголовке удобно писать какой сейчас день.
Вписываем придуманное — тут без изысков, буквы всегда одинаковые, почти. Не стоит забывать, что парсер — лох, и всякие странные значки типа "&" обрабатывать не умеет, так что буквы, цифры и минимальный набор знаков пунктуации — это всё, что нам нужно и можно тут использовать. Впрочем, этого обычно достаточно.
И ещё этот мерзкий механизм меняет минус на короткое тире, а это ломает ссылки и ники игроков. Проверяйте — если это написано текстом = это будет сломано.
Пора добавить картинку под заголовок
Какая она должна быть?
Картинка нужна достаточно однотонная — так как заголовки будут идти поверх.
Ширина от 700 пикселей, но лучше не более 2000, трафик не у всех казённый.
Пропорции ландшафтные, и такой рисунок, чтобы спокойно относился к обрезке как сверху, так и снизу.
Возьмём классическую тестовую Lenna — заодно и увидим что с ней не так.
Предположим, вы нашли чудесную картинку в интернете, собираетесь её туда вставить, и даже скопировали ссылку на неё в буфер обмена. Но открывается окно выбора файла. Что же делать? Не пугаться — а просто вставить то, что скопировали в строку, где должно быть имя файла, вот так:
Жмём Открыть или Enter два раза.
Получаем вот такой ужас, но не унываем. Во первых, у нас есть выбор — сделать заголовки белыми или чёрными, иногда это помогает. А во вторых, в готовой статье картинку чуть–чуть затемнит дополнительный слой и заголовок будет смотреться лучше и контрастнее.
Выбираем, чёрное или белое?
Половина дела сделана.
Впереди поле под текст — ведь мы хотим что–то написать, правда?
Но тут таится одна из основных засад статьи — для неё сделали WYSIWYG редактор, но он немного поломан.
Если вы планируете просто текст без оформления — нет никаких проблем. Почти.
Если прямо в поле вставлять текст, разделяя его на абзацы с помощью Enter — то при переключении фокуса в другое поле, добрый парсер удвоит их. Или утроит. Просто удалим их, не смертельный глюк.
Смело удаляем лишнее, пусть парсер не своевольничает!
Ещё текст можно вставить откуда–нибудь, а не набирать прямо тут. Вставляя из MS Word будьте внимательны — часть пробелом между словами просто испаряется. Глюк старый, обидный, MS вроде даже как–то фиксили что–то, но он так и продолжает всплывать иногда. Всё кривое обычно подчёркивает модуль проверки орфографии, вы же им пользуетесь, правда?
И тут выясняется, что текст можно и нужно форматировать. Но не здесь. тут немного не доделано. Или сломано. В итоге часть кнопок не нажимается, часть нажимается непредсказуемым образом или не отжимается обратно.
Что тут есть вообще? При выделении части текста всплывает вот такое вот меню, не пропустите его:
Меню форматирования текста
На первый взгляд всё просто.
По порядку:
— Гиперссылка (почти не работает — обычно ссылается в пустоту)
— Полужирное начертание
— Курсив
— Заголовок раздела
— Цитата— Подстрочный индекс
— Надстрочный индекс
— Ирония (вообще не поддерживается движком статьи)
Кроме первого и последнего пункта всё остальное работает, но очень нестабильно — то ставится, то не ставится. Запоминаем, что в статьях не шутят и едем разбираться с остальным. Проще всего увидеть это своими глазами.
Мэджик!
Два варианта форматирования вообще не предлагаются — их так и не допилили.
— Подчёркнутый текст (не предлагается движком статьи)
— Модераторский текст (не предлагается и не поддерживается движком статьи).
Даже если вы их вставили — форматирование просто пропадёт.
Как это сделать без мороки и лишней крови? Проще простого — открыть ту часть движка, которая худо–бедно работает — комментарии к любому посту! Просто пишете там весть нужный текст, форматируете его как угодно и переносите в текстовый блок статьи. Форматирование переедет вместе со всем остальным.
Ctrl+C — Ctrl+V нам поможет
Есть ещё один занятный вариант форматирования текста, который по умолчанию не поддерживается движком D3, но доступен с помощью костыля — з̶а̶ч̶ё̶р̶к̶н̶у̶т̶ы̶й̶ ̶т̶е̶к̶с̶т̶. Его можно сделать в любом генераторе, например вот тут и точно так же копировать–вставить. В заголовках он по традиции выглядит не очень.
Если текст уже набран и отформатирован, а хочется исправить немного, буквально пару буков — помните, что можно влезть в слово с нужным форматированием и начать набирать в нём — форматирование сохранится. А если писать рядом с ним — эффект не предсказуем — иногда сохранится, а иногда нет.
Я часто копирую блоки с уже готовой разметкой с прошлого дня, где уже всё оформлено — особенно это актуально для Отчёта — и правлю там %username% и роли. Причём абсолютно без разницы, копировать из редактора или из режима просмотра.
На этом с текстом всё. Но вы уже заметили маленький крестик в верхнем правом углу текстового поля — он просто удалит поле вместе со всем тем, что в нём написано. И есть ещё плюсики в верхнем и нижнем левых углах над и под текстовым полем. Они позволяют вставить ещё один блок на выбор: текст, картинку или видео.
Текст, картинка или видео?
С текстом мы уже разобрались. С видео тоже всё просто — банально вставляем ссылку на YouTube и получаем видео–блок. Тайм–коды и короткие ссылки вида https://youtu.be/aaAA1A_aaaA не поддерживаются. Копируем из адресной строки и вставляем. Снизу автоматически добавится текстовый блок.
Вставляем полную ссылку на видео, жмём Enter
Самое время заняться картинками. Картинку можно вставить как по ссылке из сети так и файлом с компьютера. Выбираем удобный способ (лайфхак со ссылкой на файл, как с заголовком, тоже срабатывает) и вставляем.
Под картинкой можно сделать подпись, и она может быть гиперссылкой.
При наведении курсора на картинку видим несколько опций её размещения:
— миниатюра слева — текст справа
— по ширине текстового поля, текст выше и ниже
— миниатюра справа — текст слева
— по ширине страницы, с параллаксом
— убрать картинку
С миниатюрами возможны проблемы — не все браузеры нормально это обрабатывают и случается неприятный эффект, когда картинка сжалась в уголок, а текст обтекает её всё равно лишь сверху и снизу. То, что в режиме редактирования с картинкой всё нормально — ещё ничего не значит, проверяйте на готовой статье в режиме просмотра.
Это решается установкой сервис–пака от Гитлера, за что ему спасибо, но не все готовы на этот шаг (зря–зря–зря, он хорош!). Но вы же не можете заставить все читателей так сделать. А йованные программисты на это давно забили, для копипасты хиханек с пикабу это не нужно.
Вот так вот
На этом практически всё. Буквы мы уже вставляем без проблем, картинки и видео тоже. Да, видео можно, как и картинки делать на всё текстовое поле шириной или миниатюрой слева / справа.
Осталось только проверить, всё ли мы вписали, что хотели, удалить лишние абзацы (спасибо, парсер!) и не забыть теги, в поле внизу.
Можно, как и подсказывают, набирать запятую после каждого тега, а можно жать на Enter — ничего не изменится.
Статья достаточно регулярно сохраняется, но если что–то вас беспокоит — рядом есть кнопочка для принудительного сохранения.
Не забываем проверить название подсайта в поле внизу — чтобы отправить пост куда надо, а не куда придётся, и смело жмём YARRR!
Внимание на заголовок и на то, как съехали картинки–миниатюры.
После этого мы смотрим на статью уже глазами читателя и быстро фиксим всё то, что не заметили раньше.
Да, с мобильных устройств всё выглядит чуть иначе, но в целом, суть сохраняется. Подложка под заголовок выглядит иначе.
Показывается всего два тега, самых первых, и лишь в ленте постов.
В ленте постов это выглядит так
В самом посте нет выравнивания картинок по сторонам, подписи к картинкам не курсивом, картинка по ширине экрана такая же, как и по ширине текста. Терпимо.
А это сам пост
Из минусов — статью можно прочитать только открыв её, из ленты это сделать не получится. Но если ты играешь — тебе всё равно придётся её открыть.
Вот, собственно и всё.
Дерзайте, несите доброе, светлое и красивое в массы!
Написал gotya на mafia.d3.ru / комментировать