Руководство по оформлению текстов

На нашем сайте для оформления статей, новостей и некоторых других текстов (например, описаний событий) используется свой формат, основанный на BBCode.

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

Текст

Абзацы

Отделяйте абзацы текста двумя переводами строки, как это принято в вебе. Один перевод строки тоже допустим, но он не отделяет абзацы друг от друга:

Разделы и подразделы

Большие тексты разбивайте на логические части для структурирования и удобства чтения. Для этого отмечайте разделы (начинайте строку с «## ») и подразделы (начинайте строку с «### »):

Результат:

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

Содержание статьи формируется автоматически. Если вы хотите, чтобы раздел/подраздел не попадал в содержание (как в нашем примере), то добавьте в конце строки «#».

BBCode и его расширения

Оформление текста

Поддерживатся полужирный текст, курсив, зачеркивание, подчеркивание и цвет. Оформляются они аналогично BBCode:

Результат:

Злоупотреблять этими тегами (особенно цветом) не рекомендуется, ибо слишком пестрое оформление затрудняет чтение.

Ссылки

Аналогично BBCode:

Результат:

Картинки

Используйте тег [img].

Видео YouTube

Используйте тег [youtube].

Цитаты

Используйте тег [quote].

Цитаты Blizzard (блюпосты)

Используйте тег [bluepost].

Спойлеры

Используйте тег [spoiler].

Вики-ссылки

Сайт поддерживает ссылки с двойными скобками а-ля Википедия. Они позволяют встраивать ссылки на статьи, новости, события, стримы, а также игровые сущности типа предметов, заданий и заклинаний World of Warcraft и карт Hearthstone.

У этих ссылок общий формат:

Примеры:

Результат:

Закрывающего тега в этих ссылках нет.

Статьи

У каждой статьи есть английское и русское название. Например, «Night Elves» и «Ночные эльфы». Кроме этого, у статьи может быть категория (например, «Раса» (Race)), которая позволяет создавать разные статьи с одинаковым английским названием.

Ссылка на статью формируется на основе ее английского названия и категории, если она есть. Поэтому и в вики-ссылке на статью нужно указывать эти элементы:

Результат:

Обратите внимание, что при отсутствии статьи с заданной комбинацией «английское название» + «категория» (категория может быть не задана), но при этом существует статья с тем же англ. названием (с категорией или без), то откроется именно эта статья. Неактивной будет лишь ссылка с тем же названием, но другой существующей категорией.

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

Нактивные (отсутствующие) статьи

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

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

Формат:

Результат:

Новости, события, стримы и теги

Это ссылки на новости, события, стримы и теги нашего сайта.

Формат одинаковый и простой:

Результат:

Для новостей и событий задается их id, для стримов — алиас (и то, и другое можно увидеть в адресной строке соответствующей страницы).

Ссылки на сущности World of Warcraft

Ссылки на карты Hearthstone

Галерея

Можно вставлять картинки из нашей галереи. Для этого используйте тег [[gallery]].

В отличие от основной галереи, при нажатии на картинку она не открывается в новом окне, а отображается в lightbox'е.

В качестве параметров этому тегу можно передавать как список id картинок, так и тег, по которому будут эти картинки подбираться. Формат тега следующий:

Этот тег работает следующим образом:

• Если в нем перечислен набор числовых id картинок, то именно они и отображаются (если картинки с такими id есть). Повторяющиеся id игнорируются.

Код:

Результат:

Lingerie Pharah

Widowmaker

• id картинки можно найти в адресной строке этой картинки. Например, id картинки https://warcry.ru/gallery/KAI/2015 — 2015.
• Если указан хотя бы один строковый тег, то числовые id игнорируются, и отображаются картинки по указанному тегу в обратной хронологической последовательности.
• Картинки, вставленные в текст таким образом, будут обновляться по мере пополнения галереи.
• Также под галереей добавляется кнопка, по которой можно перейти на страницу со всеми картинками по данному тегу.

Код:

Результат:

Devil Dva

OverWoW D.Va

Magical White Cat D.Va

Bunny Mech Dva pinup

Все картинки »»

• Если задано несколько тегов, то все теги кроме первого игнорируются.
• Отображаемое число картинок по тегу по умолчанию — 4. Если надо поменять это число, задайте его через «|».

Код:

Результат:

Devil Dva

OverWoW D.Va

Все картинки »»

• Также можно поменять визуальное отображение галереи. По умолчанию она отображается в виде flexbox'а (см. выше), но можно переключить внешний вид на grid (как в галерее). Для этого добавьте модификатор «|grid».

Код:

Результат:

Devil Dva
(Liang xing)

OverWoW D.Va
(Nancy Teeple)

Magical White Cat D.Va
(Axsens)

Bunny Mech Dva pinup
(Sakimi Chan)

D.va
(KAI)

Lili, Nova and Dva
(Matias Habert)

Stuffs
(Gerico de los Santos)

Happy new year!
(Liang xing)

D.va Dj zootopia
(c home)

Все картинки »»

Списки

BBCode

Markdown

Горячие клавиши

В редакторе поддерживаются некоторые горячие клавиши:

• Ctrl-B — полужирный
• Ctrl-I — курсив
• Ctrl-U — подчеркнутый
• Ctrl-H — подраздел
• Shift-Ctrl-H — раздел
• Ctrl-E — выровнять по центру
• Ctrl-R — выровнять по правому краю
• Ctrl-K — гиперссылка
• Ctrl-M — картинка
• Ctrl-L — список
• Ctrl-Alt-L — нумерованный список
• Ctrl-Y — видео на YouTube
• Ctrl-Alt-X — кат