Далее представлены шаблоны, полезные при создании статей начинающими авторами.
Если Вы хотите получить больше подробностей, примеров употребления, а также информацию о расширенном функционале сайта, пройдите на страницу-оглавление для разделов инструкции по оформлению.
Вы также всегда можете открыть исходный код практически любой страницы на сайте (в том числе этой), чтобы увидеть, как те или иные функции были применены автором статьи.
В случае этой статьи, "Оформление авторских статей: С чего начать новичку", код в исходнике является достаточно сложным для начинающего пользователя. Мы рекомендуем Вам сперва ознакомиться с базовыми функциями сайта, после чего — прочитать остальные инструкции об оформлении статей.
Содержание |
Шаблон для первой статьи
Для создания черновика Вашей первой статьи, зайдите на страницу Создать статью в левом боковом меню, раздел "Полигон".
Следуйте приведённой там инструкции.
Далее, когда Вы создадите черновик, мы рекомендуем Вам скопировать текст, приведённый ниже, в Вашу статью в качестве начального шаблона. Выберите один из приведённых классов.
Код
[[>]]
[[module Rate]]
[[/>]]
**Объект №:** SCP-###
**Класс объекта:** [[[safe |Безопасный]]]/[[[euclid |Евклид]]]/[[[keter |Кетер]]]/[[[object-class-thaumiel | Таумиэль]]]
**Особые условия содержания:** ███████ ██████ ██████.
**Описание:** ██████ █████ ██████.
**Приложение:** ██████ █████ █████.
Результат
Объект №: SCP-###
Класс объекта: Безопасный/Евклид/Кетер/Таумиэль
Особые условия содержания: ███████ ██████ ██████.
Описание: ██████ █████ ██████.
Приложение: ██████ █████ █████.
Если Вы выкладываете перевод, то вверху страницы следует добавить следующий текст, где вместо полная_ссылка_на_статью должен быть полный адрес переводимой страницы:
Код
[[=]]
**Данная статья является [полная_ссылка_на_статью переводом].**
[[/=]]
[[=]]
**Данная статья является [http://www.scp-wiki.net/scp-093 переводом].**
[[/=]]
Результат
Данная статья является [полная_ссылка_на_статью переводом].
Данная статья является переводом.
Базовое форматирование текста
Теги форматирования
| Код | Результаты | Альтернативный синтаксис |
|---|---|---|
| //курсив// | курсив | [[i]]курсив[[/i]] или [[italics]] или [[em]] или [[emphasis]] |
| **полужирный** | полужирный | [[b]]полужирный[[/b]] или [[bold]] или [[strong]] |
| //**жирный и курсив**// | жирный и курсив | [[i]][[b]]жирный и курсив[[/b]][[/i]] |
| __подчеркивание__ | подчеркивание | [[u]]подчёркивание[[/u]] или [[underline]] или [[ins]] или [[insertion]] |
| --зачеркнутый текст-- | [[del]]зачёркнутый текст[[/del]] или [[deletion]] или [[s]] или [[strikethrough]] | |
| {{моноширинный текст}} | моноширинный текст | [[tt]]моноширинный текст[[/tt]] или [[mono]] или [[monospace]] или [[$ и $]] |
| текст^^верхний индекс^^ | текстверхний индекс | текст[[sup]]верхний индекс[[/sup]] или [[super]] или [[superscript]] |
| текст,,нижний индекс,, | текстнижний индекс | текст[[sub]]нижний индекс[[/sub]] или [[subscript]] |
| @@<//**__--убрать свойства тегов--__**//@@< | //**__--убрать свойства тегов--__**// | Символ, находящийся на букве "Б" или "," на клавиатуре. Он настолько нестабилен и сложен для использования обычным пользователем, что его использование на одной строке с таким же символом создаёт блок, ломающий композицию всей статьи. Используйте двойной "@" вместо этого. В данном примере он используется и виден лишь потому что двойной "@" не отображается в тексте никаким иным образом. |
| [!-- невидимый комментарий, появляющийся только в тексте редактора --] | Альтернативный синтаксис отсутствует. | |
| [[mark]]выделение текста[[/mark]] | выделение текста | [[highlight]]выделение текста[[/highlight]] |
Типография
| Код | Результаты |
|---|---|
<<цитата>> | «цитата» |
>>цитата<< | »цитата« |
тире -- длинное | тире — длинное |
Alt + 0151 с включенным NumPad: тире — длинное | тире — длинное |
Alt + 0150 с включенным NumPad: тире – среднее | тире – среднее |
Alt + 219 с включенным NumPad: █ | █ |
Цвет шрифта
| Теги | |
|---|---|
| Название цвета | Результаты |
| ##blue|синий цвет## | синий цвет |
| ##green|зелёный цвет## | зелёный цвет |
| ##yellow|жёлтый цвет## | жёлтый цвет |
| ##orange|оранжевый цвет## | оранжевый цвет |
| ##red|красный цвет## | красный цвет |
| ##gray|серый цвет## | серый цвет |
| ##black|чёрный цвет (отличается от установленного на сайте!)## | чёрный цвет (отличается от установленного на сайте!) |
| ##white|белый цвет## | белый цвет |
| ##transparent|прозрачный цвет (удобно для цветных тем страниц)## | прозрачный цвет (удобно для цветных тем страниц) |
| Трёхзначный код цвета | Результаты |
| ##333|цвет, установленный на сайте## | цвет, установленный на сайте |
| ##fff|белый цвет## | белый цвет |
| ##000|чёрный цвет## | чёрный цвет |
| ##b01|цвет ссылок на сайте## | цвет ссылок на сайте |
| Полный HEX-код цвета | Результаты |
| ##33333|цвет, установленный на сайте## | цвет, установленный на сайте |
| ##fffff|белый цвет## | белый цвет |
| ##00000|чёрный цвет## | чёрный цвет |
| ##bb001|цвет ссылок на сайте## | цвет ссылок на сайте |
| ##ffa500|оранжевый цвет## | оранжевый цвет |
Размеры шрифта
| Теги | Результаты |
|---|---|
| [[size 80%]]80% стандартного размера[[/size]] | 80% стандартного размера |
| [[size 100%]]100% стандартного размера[[/size]] | 100% стандартного размера |
| [[size 150%]]150% стандартного размера[[/size]] | 150% стандартного размера |
| [[size xx-small]]крохотный шрифт (XXS)[[/size]] | крохотный шрифт (XXS) |
| [[size x-small]]очень маленький шрифт (XS)[[/size]] | очень маленький шрифт (XS) |
| [[size small]]маленький шрифт (S)[[/size]] | маленький шрифт (S) АА |
| обычный шрифт | обычный шрифт |
| [[size large]]большой шрифт (L)[[/size]] | большой шрифт (L) |
| [[size x-large]]очень большой шрифт (XL)[[/size]] | очень большой шрифт (XL) |
| [[size xx-large]]огромный шрифт (XXL)[[/size]] | огромный шрифт (XXL) |
| [[size smaller]]меньше обычного[[/size]] | меньше обычного |
| обычный текст | обычный текст |
| [[size larger]]больше обычного[[/size]] | больше обычного |
Списки
Если Вам требуется составить список, перечисляющий несколько абзацев текста, Вам стоит использовать следующий код, автоматизирующий этот процесс:
Код
Маркированный список:
* Первый уровень списка
* Второй уровень списка
* Первый уровень списка
* Второй уровень списка
* Третий уровень списка
* Второй уровень списка
* Первый уровень списка
* Второй уровень списка
* Третий уровень списка
* Четвёртый уровень списка
* Пятый уровень спискаНумерованный список:
# Первый уровень списка
# Второй уровень списка
# Первый уровень списка
# Второй уровень списка
# Третий уровень списка
# Второй уровень списка
# Первый уровень списка
# Второй уровень списка
# Третий уровень списка
# Четвёртый уровень списка
# Пятый уровень спискаРезультат
Маркированный список:
- Первый уровень списка
- Второй уровень списка
- Первый уровень списка
- Второй уровень списка
- Третий уровень списка
- Второй уровень списка
- Второй уровень списка
- Первый уровень списка
- Второй уровень списка
- Третий уровень списка
- Четвёртый уровень списка
- Пятый уровень списка
- Четвёртый уровень списка
- Третий уровень списка
- Второй уровень списка
Нумерованный список:
- Первый уровень списка
- Второй уровень списка
- Первый уровень списка
- Второй уровень списка
- Третий уровень списка
- Второй уровень списка
- Второй уровень списка
- Первый уровень списка
- Второй уровень списка
- Третий уровень списка
- Четвёртый уровень списка
- Пятый уровень списка
- Четвёртый уровень списка
- Третий уровень списка
- Второй уровень списка
Спойлеры
Спойлеры — это разделы статьи, которые спрятаны от читателя, пока он не нажмёт на кнопку раскрытия спойлера. Спойлеры выглядят так же, как и обычные ссылки, поэтому их стоит выделять с помощью символов, если Вы, конечно, не планируете обмануть ожидания читателя.
Код
[[collapsible]]
Текст
[[/collapsible]]
[[collapsible show="С помощью свойства show можно указать название для начала спойлера, но оно будет без символа в начале, пока его там не указать" hide="hide позволяет указать название для окончания спойлера"]]
Текст
[[/collapsible]]
[[collapsible show="+ Открыть спойлер" hide="- Закрыть спойлер" hideLocation="bottom"]]
hideLocation позволяет указать расположение окончания спойлера с помощью "top (сверху, по дефолту)", "bottom (снизу)" и "both (сверху и снизу)".
[[/collapsible]]
[[collapsible show="☐ Открыть спойлер" hide="☒ Закрыть спойлер" hideLocation="top"]]
Текст
[[/collapsible]]
[[collapsible show="▹ Открыть спойлер" hide="▴ Закрыть спойлер" hideLocation="both"]]
Текст
[[/collapsible]]
[[collapsible show="≼〘1〙≽" hide="▄▀▄▀▄▀▄▀▄▀▄▀"]]
Спойлеры могут быть вложены друг в друга. Данная функция не поддерживается на платформе Wikidot, но на новом сайте она была внедрена специально для удобства авторов.
[[collapsible show="+ Вы также можете использовать \", чтобы печатать кавычки в ссылке спойлера и не закрывать его раньше времени!" hide="- \"Закрыть\" спойлер?"]]
Следите за Вашими окончаниями спойлеров! Если Вы забудете поставить [[/collapsible]] в конце блока спойлера, то он может сломать всю статью ниже открывающего тега.
[[/collapsible]]
[[/collapsible]]
Если Вы хотите выравнять название и конец спойлера по той или иной стороне статьи, используйте теги [[=]] или [[>]]. Чтобы текст внутри спойлеров не выравнивался вместе с ними, используйте тег [[<]] или [[==]].
[[=]]
[[collapsible]]
[[<]]
Текст
[[/<]]
[[/collapsible]]
[[/=]]
[[>]]
[[collapsible]]
[[==]]
Текст
[[/==]]
[[/collapsible]]
[[/>]]
Результат
Если Вы хотите выравнять название и конец спойлера по той или иной стороне статьи, используйте теги [[=]] или [[>]]. Чтобы текст внутри спойлеров не выравнивался вместе с ними, используйте тег [[<]] или [[==]].
Вкладки
Вкладки — это "папки", в которых "страницы", тем или иным образом проименованные, могут служить для размещения любого содержимого.
Вкладки состоят из названия, отображаемого в названии вкладки, и из её содержимого. Нажатием на название вкладки можно переключаться между ними.
Код
[[tabview]]
[[tab ]]
У этой вкладки пустое название.
[[/tab]]
[[tab Название 1]]
Здесь может быть любое содержимое.
[[/tab]]
[[tab Название 2]]
Здесь может быть любое содержимое.
[[/tab]]
[[/tabview]]
Результат
У этой вкладки пустое название.
Альтернативным синтаксисом является [[tabs]], который заменяет [[tabview]]:
[[tabs]] [[tab]] 123 [[/tab]] [[/tabs]]
Вы можете использовать [[tabs]] в сочетании с [[tabview]] для того, чтобы создавать вложенные вкладки.
Код
[[tabview]]
[[tab 1]]
Первая вкладка
[[tabs]]
[[tab 1.1]]
Первая вложенная вкладка
[[/tab]]
[[tab 1.2]]
Вторая вложенная вкладка
[[/tab]]
[[/tabs]]
Всё ещё первая вкладка
[[/tab]]
[[tab 2]]
Вторая вкладка
[[tabs]]
[[tab 2.1]]
Первая вложенная вкладка
[[/tab]]
[[tab 2.2]]
Вторая вложенная вкладка
[[/tab]]
[[/tabs]]
[[/tab]]
[[/tabview]]
Результат
Сноски
Сноски — это текст, появляющийся при наведении указателя мышки на ссылки-сноски. Эти ссылки выглядят как цифры верхнего индекса, цветом, соответствующим цвету обычной ссылки между статьями на сайте.
Сноски нумеруются согласно количеству сносок во всём тексте, от первой до последней. Список сносок, при их использовании, всегда появляется в конце статьи, как отдельный от неё текстовый блок.
Код
Примечание по тексту далее[[footnote]]Это примечание за номером "1".[[/footnote]]
Результат
Примечание по тексту далее1
Пример
Примечание по тексту далее[[footnote]]Это примечание за номером "2".[[/footnote]]
Примечание по тексту далее2
Вы также можете прописать несколько абзацев в [[footnote]].
Цитирование
Блок "цитирования" применяется для выделения текста внутри статьи в отдельный блок серого цвета.
Код
> Цитирование одного абзаца, любой длины.
> Цитирование второго абзаца, идущего сразу после первого, без пробела между ними.
> Цитирование третьего абзаца.
> Цитирование четвёртого абзаца, оторванного от первых трёх.
>
> Цитирование пятого абзаца, идущего в одном блоке с четвёртым.
Обратите внимание, в пятой строке этого кода, "> " пишется **с пробелом**!
Результат
Цитирование одного абзаца, любой длины.
Цитирование второго абзаца, идущего сразу после первого, без пробела между ними.
Цитирование третьего абзаца.
Цитирование четвёртого абзаца, оторванного от первых трёх.
Цитирование пятого абзаца, идущего в одном блоке с четвёртым.
Обратите внимание, в пятой строке этого кода, "> " пишется с пробелом!
Альтернативным синтаксисом является [[blockquote]] или [[quote]].
Код
[[quote]]
Цитирование первого уровня.
[[quote]]
Цитирование второго уровня.
Пробел между абзацами
[[quote]]
Цитирование третьего уровня.
[[/quote]]
Цитирование второго уровня.
[[/quote]]
Цитирование первого уровня.
[[/quote]]
Результат
Цитирование первого уровня.
Цитирование второго уровня.
Пробел между абзацами
Цитирование третьего уровня.
Цитирование второго уровня.
Цитирование первого уровня.
Блок цитирования без ">"
Для удобства пользователей, далее описан второй способ создать блок цитирования, чтобы участники не были вынуждены проставлять символы ">" для множества абзацев.
Копируйте код в точности, иначе Вы не сможете самостоятельно разобраться с происходящим внутри него, пока не ознакомитесь с инструкцией Оформление авторских статей: Настраиваемые блоки!
Код
[[div class="blockquote"]]
Разместите внутри этой констркции любой текст, и он будет выглядеть, как цитирование.
Даже с отступом, как угодно — оно будет выделяться блоком цитирования.
> Даже ещё один блок цитирования, внутри этого блока!
[[/div]]
Результат
Разместите внутри этой констркции любой текст, и он будет выглядеть, как цитирование.
Даже с отступом, как угодно — оно будет выделяться блоком цитирования.
Даже ещё один блок цитирования, внутри этого блока!
Выравнивание
Выравнивание требуется для позиционирования строк в абзацах относительно содержимого статьи. По стандарту, выравнивание происходит по левой стороне страницы.
Код
= Выравнивание всего абзаца по центру можно сделать одним символом.
[[=]]
Также выравнивание по центру.
Применяется для выравнивания нескольких абзацев.
[[/=]]
[[<]]
Выравнивание по левому краю.
[[/<]]
[[>]]
Выравнивание по правому краю.
[[/>]]
[[==]]
Выравнивание по ширине. Абзац растягивается от левого до правого края, если он достаточно большой для этого. Обычно в конце абзаца появляется небольшой "отступ", так как слова на сайте, по стандарту, не переносятся по-слогам, а целиком. С выравниванием по ширине между словами возникают большие "пробелы", "распределяющие" этот отступ по ширине каждой строки.
[[/==]]
Результат
Выравнивание всего абзаца по центру можно сделать одним символом.
Также выравнивание по центру.
Применяется для выравнивания нескольких абзацев.
Выравнивание по левому краю.
Выравнивание по правому краю.
Выравнивание по ширине. Абзац растягивается от левого до правого края, если он достаточно большой для этого. Обычно в конце абзаца появляется небольшой "отступ", так как слова на сайте, по стандарту, не переносятся по-слогам, а целиком. С выравниванием по ширине между словами возникают большие "пробелы", "распределяющие" этот отступ по ширине каждой строки.
Ссылки
Ссылки являются способом перемещения между страницами на сайте.
В основном на сайте используются ссылки на статьи, размещённые на нём же. Для перехода между ними используйте адрес, который Вы видите после символа "/" в адресной строке браузера.
Например, ссылкой на эту статью будет "draft:article-design-beginners-guide", а на "Оформление авторских статей: Оглавление" — "draft:scp-template".
Код
Так выглядит нерабочая [[[адрес|ссылка]]] в тексте.
Так выглядит рабочая [[[scp-173|ссылка]]] в тексте.
Результат
Пример
[[[scp-970|В соответствии с экспериментом 04 и приложением 970-02, на входах в затронутые воздействием помещения должен быть размещён вооружённый персонал.]]]
[[[scp-970|SCP-970]]] представляет собой пространственный феномен, состоящий в том, что затронутое им помещение замыкается само на себя.
[*https://www.google.com/ Эта ссылка отправит читателя на страницу поисковых запросов "Google"], при нажатии открывая своё содержимое в новой вкладке браузера.
[https://www.google.com/ Эта ссылка отправит читателя на страницу поисковых запросов "Google"], но не станет открываться в новом окне, вместо этого заменяя текущее. Отличие в знаке "*" в начале ссылки.
SCP-970 представляет собой пространственный феномен, состоящий в том, что затронутое им помещение замыкается само на себя.
Эта ссылка отправит читателя на страницу поисковых запросов "Google", при нажатии открывая своё содержимое в новой вкладке браузера.
Эта ссылка отправит читателя на страницу поисковых запросов "Google", но не станет открываться в новом окне, вместо этого заменяя текущее. Отличие в знаке "*" в начале ссылки.
Не забывайте вставить в Вашем объекте в конце ссылку на следующий и предыдущий объекты в основном списке!
Ссылки между объектами
= [[size 90%]]**<< [[[SCP-969]]] | SCP-970 | [[[SCP-971]]] >>**[[/size]]
Заголовки
Заголовки — это шаблон крупного текст, превращающий весь помещённый внутрь абзац в соответствующий этому шаблону.
Заголовки также являются тем, что отображается в "Оглавлении", при его наличии, как в начале этой статьи. Заметьте, что заголовки в примерах не отображаются в этом "Оглавлении". Это сделано специально для читабельности "Оглавления".
Код
+ Заголовок первого уровня
++ Заголовок второго уровня
+++ Заголовок третьего уровня
++++ Заголовок четвёртого уровня
+++++ Заголовок пятого уровня
++++++ Заголовок шестого уровня
Результат
Заголовок первого уровня
Заголовок второго уровня
Заголовок третьего уровня
Заголовок четвёртого уровня
Заголовок пятого уровня
Заголовок шестого уровня
Пример
+ [[[scp-092|Слушатели видят все движущиеся объекты в пятимерной проекции.]]]
++ Тела слушателей извергают пятиугольные кристаллы элементарного бора (химический элемент №5). Кристаллы прекращают материализовываться по окончании проигрывания CD, но не исчезают.
+++ Тела слушателей извергают пятиугольные слитки элементарного марганца (химический элемент №25 или 52). Слитки прекращают материализовываться по окончании проигрывания CD, но не исчезают; слушатели получают острое отравление марганцем в течение 24 часов.
++++ Тела слушателей извергают пятиугольные гранулы элементарного цезия (химический элемент №55). Все слушатели погибли от ожогов цезием в течение восьми минут.
+++++ Физиологический возраст слушателей становится равен пяти годам.
++++++ Физиологический возраст слушателей становится равен пяти месяцам.
Слушатели видят все движущиеся объекты в пятимерной проекции.
Тела слушателей извергают пятиугольные кристаллы элементарного бора (химический элемент №5). Кристаллы прекращают материализовываться по окончании проигрывания CD, но не исчезают.
Тела слушателей извергают пятиугольные слитки элементарного марганца (химический элемент №25 или 52). Слитки прекращают материализовываться по окончании проигрывания CD, но не исчезают; слушатели получают острое отравление марганцем в течение 24 часов.
Тела слушателей извергают пятиугольные гранулы элементарного цезия (химический элемент №55). Все слушатели погибли от ожогов цезием в течение восьми минут.
Физиологический возраст слушателей становится равен пяти годам.
Физиологический возраст слушателей становится равен пяти месяцам.
Добавление изображения
Изображения могут быть добавлены ссылкой или файлом, прикреплённым к статье.
Для прикрепления файла следуйте следующему алгоритму:
Внизу страницы нажмите "Файлы" — нажмите на поле с надписью "Нажмите, чтобы загрузить файл, или перетащите файлы сюда" — при помощи появившегося диалогового окна найдите файл в Вашей файловой системе — выберите файл, нажмите в диалоговом окне "Открыть" — нажмите "Загрузить".
Название файла необходимо использовать в качестве "имени файла" в коде для добавления изображения. Добавить изображение в статью можно при помощи следующего кода:
Код
[[include component:image-block name=имя_файла |caption=Подпись |width=размер_в_пикселях]]
**Особые условия содержания:** SCP-863-1 должен содержаться в камере размерами 2х2 метра и снабжаться питанием согласно пищевой карте 863-1-1. В связи с низким риском нарушения условий содержания SCP-863-1 разрешено оставлять под охраной одного (1) сотрудника службы безопасности. В случае потери конечности SCP-863-1 должна быть предоставлена аналогичная конечность приблизительно одинакового по размерам краба для замены.
Базовый синтаксис кода:
- "name" — название или адрес файла, который должен отображаться в блоке.
- "caption" — подпись к изображению.
- "width" — ширина изображения.
Результат
Подпись
Особые условия содержания: SCP-863-1 должен содержаться в камере размерами 2х2 метра и снабжаться питанием согласно пищевой карте 863-1-1. В связи с низким риском нарушения условий содержания SCP-863-1 разрешено оставлять под охраной одного (1) сотрудника службы безопасности. В случае потери конечности SCP-863-1 должна быть предоставлена аналогичная конечность приблизительно одинакового по размерам краба для замены.
Пример загруженного в "Файлы" статьи изображения
Код
[[include component:image-block name=863.jpg|caption=SCP-863|width=300px]]
Особые условия содержания: SCP-863-1 должен содержаться в камере размерами 2х2 метра и снабжаться питанием согласно пищевой карте 863-1-1. В связи с низким риском нарушения условий содержания SCP-863-1 разрешено оставлять под охраной одного (1) сотрудника службы безопасности. В случае потери конечности SCP-863-1 должна быть предоставлена аналогичная конечность приблизительно одинакового по размерам краба для замены.
Результат
SCP-863
Особые условия содержания: SCP-863-1 должен содержаться в камере размерами 2х2 метра и снабжаться питанием согласно пищевой карте 863-1-1. В связи с низким риском нарушения условий содержания SCP-863-1 разрешено оставлять под охраной одного (1) сотрудника службы безопасности. В случае потери конечности SCP-863-1 должна быть предоставлена аналогичная конечность приблизительно одинакового по размерам краба для замены.
Пример размещённого в интернете изображения
Код
[[include component:image-block name=https://files.scpfoundation.net/local--files/draft:article-design-beginners-guide/863.jpg|caption=SCP-863|width=300px]]
Особые условия содержания: SCP-863-1 должен содержаться в камере размерами 2х2 метра и снабжаться питанием согласно пищевой карте 863-1-1. В связи с низким риском нарушения условий содержания SCP-863-1 разрешено оставлять под охраной одного (1) сотрудника службы безопасности. В случае потери конечности SCP-863-1 должна быть предоставлена аналогичная конечность приблизительно одинакового по размерам краба для замены.
Результат
SCP-863
Особые условия содержания: SCP-863-1 должен содержаться в камере размерами 2х2 метра и снабжаться питанием согласно пищевой карте 863-1-1. В связи с низким риском нарушения условий содержания SCP-863-1 разрешено оставлять под охраной одного (1) сотрудника службы безопасности. В случае потери конечности SCP-863-1 должна быть предоставлена аналогичная конечность приблизительно одинакового по размерам краба для замены.