Вики-синтаксис

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

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

Наиболее актуальную (современную) информация о синтаксисе Викидот можно найти в официальной документации на английском языке: http://www.wikidot.com/doc:wiki-syntax


Этот документ описывает Вики-синтаксис, используемый в данном проекте Wikidot.com

Любая страница любого из сайтов проекта существует в двух различных формах: в исходном коде и в скомпилированном коде. Исходный код -это то, что вы можете редактировать, и то, где описывается содержимое страницы. Исходный код компилируется в код XHTML, отправляемый браузеру при просмотре страницы. Синтаксис Wiki используется при определении содержимого страницы, когда вы редактируете её исходный код.

Если вы ищете фрагменты исходного кода готовые для копирования/ подключения/ модификации, пожалуйста посетите наш Сайт Кодовых Сниппетов.

Содержание

Простое форматирование

пишем вот это а получаем следующее
//курсив// курсив
**полужирный** полужирный
//**жирный и курсив**// жирный и курсив
__подчеркивание__ подчеркивание
--зачеркнутый текст-- зачеркнутый текст
{{моноширинный текст}} моноширинный текст
текст^^верхний индекс^^ текстверхний индекс
текст,,нижний индекс,,@@ текстнижний индекс
[!-- (невидимый) комментарий --]
[[span style="color:red"]]произвольный SPAN элемент[[/span]] произвольный SPAN элемент
цвет заданный ##blue|именем## или ##44BB88|шестнадцатеричным кодом## цвет заданный именем или шестнадцатеричным кодом

Размер шрифта

Размер букв (шрифта) можно устанавливать с помощью тэгов [[size …]][[/size]]. Данные тэги допускают вложенность.

Относительный размер шрифта

Относительные размеры шрифтов зависят от текущего (предшествующего команде size) размера, - они увеличивают либо уменьшают его значение. Чтобы определить относительный размер используйте команды [[size smaller]], [[size larger]], [[size nem]], or [[size n%]], где n - это число с разрядностью от 1 до 5 (включая возможную десятичную точку).

пишем вот это а получаем следующее
текст текущего размера текст текущего размера
[[size smaller]]меньше текущего размера[[/size]] меньше текущего размера
[[size larger]]больше текущего размера[[/size]] больше текущего размера
[[size 80%]]80% текущего размера[[/size]] 80% текущего размера
[[size 100%]]100% текущего размера[[/size]] 100% текущего размера
[[size 150%]]150% текущего размера[[/size]] 150% текущего размера
[[size 0.8em]]80% текущего размера[[/size]] 80% текущего размера
[[size 1em]]100% текущего размера[[/size]] 100% текущего размера
[[size 1.5em]]150% текущего размера[[/size]] 150% текущего размера

Абсолютный размер шрифта

Абсолютные размеры шрифта не зависят от текущего размера. Для установки абсолютного рамера используются команды [[size xx-small]], [[size x-small]], [[size small]], [[size large]], [[size x-large]], [[size xx-large]], либо [[size npx]], где n - размер шрифта в пикселях, число от 1 до 5 разрядов (включая возможную десятичную точку).

пишем вот это а получаем следующее
[[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 7px]]текст размером 7 пикселей[[/size]] текст размером 7 пикселей
[[size 18.75px]]текст размером 18.75 пикселей[[/size]] текст размером 18.75 пикселей

Абзацы и переводы строки

Абзацы разделяются одной пустой строкой, т.е. надо два раза нажать Enter. Один Enter вставляет простой перенос строки.

Первый абзац: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 

Второй абзац: Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.
Текст с новой строки.
Опять с новой строки.

Первый абзац: Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Второй абзац: Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.
Текст с новой строки.
Опять с новой строки.

Типография

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

вы пишите получаете
``двойные кавычки'' “двойные кавычки”
`одинарные кавычки' ‘одинарные кавычки’
,,русские кавычки'' „русские кавычки”
<<кавычки ёлочка>> «кавычки ёлочка»
>>ёлочка наоборот<< »ёлочка наоборот«
многоточие ... многоточие …
длинное -- тире длинное — тире

Необработанный текст

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

Этот //текст// будет **отформатирован**. 

@@Этот //текст// не будет **отформатирован**.@@

Этот текст будет отформатирован.

Этот //текст// не будет **отформатирован**.

Смена режима интерпретации символов

Если вы хотите вставить в ваш текст произвольные символьные элементы HTML (в том числе символы Юникода), используйте тэги @<>@. Внутри данного блока перекодируйте каждый "&" в "&amp;", каждый знак "<" в "&lt;", а каждый знак ">" в "&gt;".

Внутри данного блока все значения типа &lt; будут интерпретированы по правилам HTML, в том числе:

  • знаки такие как &copy; (©)
  • цифровые последовательности как &#252; (ü)
  • значения символов Юникода как &#8212; (—) или иначе &auml; (ä)

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

Например, следующие последовательности:

Комбинация HTML: @<U с умлаутом: &#252;>@
@<[[code]]>@
@<Всем привет @@ !!!!>@
@<Этот текст **не будет** жирным>@
@<[[module ListPages]]>@
@<Знак копирайта: &copy;>@
@<[[/code]]>@
или @<@&lt;>@ и @<&gt;@>@

дадут следующий результат:

Комбинация HTML: U с умлаутом: ü
[[code]]
Всем привет @@ !!!!
Этот текст **не будет** жирным
[[module ListPages]]
Знак копирайта: ©
[[/code]]
или @< и >@

Комментарии

Комментарии — это фрагмент текста который не будет вообще никак отображаться при просмотре документа. В комментариях можно оставлять какие-нибудь заметки для других людей которые будут редактировать страницу; также с помощью комментария можно временно "удалять" фрагмент текста из документа, оставляя возможность потом его легко вернуть назад.
Чтобы закомментировать фрагмент текста, заключите его в конструкцию [!-- ... --]. Например:

[!--    Этот текст никто не увидит >:-]    --]

Заголовки

Строка начинающаяся с плюса (+) считается заголовком. Количество плюсов соответствует уровню вложенности заголовка. Все заголовки автоматически помещаются в Содержание страницы.

+ Заголовок 1го уровня
++ Заголовок 2го уровня
+++ Заголовок 3го уровня
++++ Заголовок 4го уровня
+++++ Заголовок 5го уровня
++++++ Заголовок 6го уровня

Содержание

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

[[toc]] - обычное расположение оглавления слева
[[f>toc]] - расположить справа (разрешить обтекание текстом слева) 
[[f<toc]] - расположить слева (разрешить обтекание текстом справа)

Заметьте, что таблица оглавления создаёт на странице метку по имени "#toc". В свою очередь каждый из приведенных в оглавлении заголовков создает в тексте страницы метку типа "#toc0", "#toc1", "#toc2" … и так далее в соответствии со своим порядковым номером в оглавлении. По этой метке и происходит собственно ссылка на заголовок.

Элемент [[toc]] допускает атрибут title. Если вас не устраивает заголовок оглавления по умолчанию (т.е. по-английски "Table of Contents"), вы можете как на этой странице задать свой заголовок типа [[toc title="Содержание"]] или вообще оставить оглавление без заголовка [[toc title=""]].

Если вы желаете, чтобы некий заголовок не появлялся в оглавлении, поставьте после плюсиков в начале строки звёздочку как в нижеприведённом примере:

[[toc title=""]]
+ Этот заголовок нужно отобразить в содержании
+* А этот не нужно
++* И этот тоже не надо на фиг

В результате в вашем оглавлении будет только один заголовок, а именно: "Этот заголовок нужно отобразить в содержании" со ссылкой "#toc0".

Горизонтальные линейки

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

Списки

Маркированные списки

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

* Элемент 1
* Элемент 2
 * Элемент 2.1
  * Элемент 2.1.1
  • Элемент 1
  • Элемент 2
    • Элемент 2.1
      • Элемент 2.1.1

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

* Элемент 1 _
 продолжение описания элемента 1
* Элемент 2
 * Элемент 2.1
  • Элемент 1
    продолжение описания элемента 1
  • Элемент 2
    • Элемент 2.1

Нумерованные списки

Точно так же можно создавать и нумерованные списки, только звездочки нужно заменить на знаки диеза:

# Элемент 1
# Элемент 2
 # Элемент 2.1
  # Элемент 2.1.1
  1. Элемент 1
  2. Элемент 2
    1. Элемент 2.1
      1. Элемент 2.1.1

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

# Элемент 1 _
 продолжение описания элемента 1
# Элемент 2
 # Элемент 2.1
  1. Элемент 1
    продолжение описания элемента 1
  2. Элемент 2
    1. Элемент 2.1

Естественно, нумерованные и ненумерованные списки можно вкладывать друг в друга.

Списки использующие стили

Для создания настраиваемых по стилям списков можно использовать тэги [[ul]] / [[ol]] и [[li]]. Что особенно полезно при использовании темы на основе Bootstrap. Каждый элемент [[ul]] / [[ol]] и [[li]] может содержать аргументы "id", "class", "data-" и "style". Списки могут быть вложенными.

[[ul]]
 [[li class="item1" data-toggle="data1"]]Элемент 1[[/li]]
 [[li style="color: red;"]]Элемент 2
  [[ol]]
    [[li]]Элемент 2.1[[/li]]
    [[li]]Элемент 2.2[[/li]]
  [[/ol]]
 [[/li]]
[[/ul]]

  • Элемент 1
  • Элемент 2
    1. Элемент 2.1
    2. Элемент 2.2

Списки определений

Список определений можно задать при помощи следующего синтаксиса:

: Термин 1 : Определение термина 1
: Термин 2 : Определение термина 2

Термин 1
Определение термина 1
Термин 2
Определение термина 2

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

: Термин 1 : Определение термина 1 _
продолжение определения в следующей строке
: Термин 2 : Определение термина 2

Термин 1
Определение термина 1
продолжение определения в следующей строке
Термин 2
Определение термина 2

Цитаты

Вы можете выделить цитату, начав цитируемую строку с одного или более символов '>', за которыми следует пробел и цитируемый текст. Ниже следуют пример кодировки и полученный результат:

Здесь у нас обычный текст.

> А здесь отступом выделена цитата! **The quick brown fox jumps over the lazy dog.** \
Обратите внимание на то, что для продолжения цитаты в том же самом абзаце мы \
заканчиваем каждую строчку цитируемого блока символом обратного слэша ("/") \
в конце строки.
>
>
> А дальше у нас...
>> Второй уровень цитирования. Вложенная цитата второго уровня порождает \
больший отступ, чем предыдущая цитата.

И снова обычный текст.

Здесь у нас обычный текст.

А здесь отступом выделена цитата! The quick brown fox jumps over the lazy dog. Обратите внимание на то, что для продолжения цитаты в том же самом абзаце мы заканчиваем каждую строчку цитируемого блока символом обратного слэша ("/") в конце строки.

А дальше у нас…

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

И снова обычный текст.

Сворачивамые / раскрываемые блоки

Ссылки

В отличие от некоторых других вики-движков, wikidot.com не считает слова в ПеременномРегистре (CamelCase) ссылками. Вместо этого ссылки должны быть помещены в тройные квадратные скобки. Однако допускаются также ссылки в одиночных квадратных скобках и простые ссылки по адресам типа "http://... " и электронной почты.

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

Примеры внутренних ссылок

что набираем что отображается комментарии
[[[link-to-a-page]]] link-to-a-page обращение непосредственно по адресу страницы
[[[link "TO" a; pagE]]] link "TO" a; pagE адрес страницы будет автоматически приведен к “правильному” виду (как в предыдущем примере)
[[[category:page]]] page ссылка на страницу, принадлежащую к категории
[[[some-page| произвольное название страницы]]] произвольное название страницы название страницы отличается от адреса ссылки
[[[ru:wiki-syntax|Вики-синтаксис]]] Вики-синтаксис пример ссылки на реально существующую страницу (другой цвет ссылки)
[[['some' 'page'|]]] some-page адрес будет приведен в “правильный” вид и отображен вместо имени страницы
[[[ru:wiki-syntax#toc2|Раздел2]]] Раздел2 ссылка на якорь внутри страницы (2-й раздел)
[[[ru:wiki-syntax#toc2]]] wiki-syntax ссылка на якорь внутри страницы (2-й раздел)
[[[/| Главная страница]]] Главная страница ссылка на домашнюю страницу сайта

Другие URL

что набираем что отображается комментарии
http://www.wikidot.com http://www.wikidot.com простая ссылка
[[[http://www.wikidot.com | Викидот]]] Викидот текст по ссылке задан пользователем
[[[*http://www.wikidot.com | Викидот]]] Викидот текст по ссылке задан пользователем
ссылка открывается в новом окне / вкладке
[[[/категория:страница/параметр1/параметр2 | текст ссылки]]] текст ссылки можно упрощать внутренние ссылки, в т.ч. с параметрами, не вводя полный URL адрес. Например, можно набрать:
[[[/blog:post/edit/true | редактировать]]]
вместо набора URL адреса:
[[[http://site.wikidot.com/blog:post/edit/true | редактировать]]]
[http://www.wikidot.com викидот] викидот ссылка с названием
*http://www.wikidot.com
[*http://www.wikidot.com викидот]
http://www.wikidot.com
викидот
ссылки, открывающиеся в новом окне
[/категория:страница/параметр1/параметр2 текст ссылки] текст ссылки можно упрощать внутренние ссылки, в т.ч. с параметрами, не вводя полный URL адрес. Например, можно набрать:
[/blog:post/edit/true редактировать]
вместо набора URL адреса:
[http://site.wikidot.com/blog:post/edit/true редактировать]
[[a href="http://www.wikidot.com"]] Викидот [[/a]] Викидот ссылка с использованием тэгов [[a]]
допустимы html - параметры "class" и "data-*".
[# пустая ссылка] пустая ссылка ссылка с href="javascript:;" т.е. которая никуда не ведет (можно использовать, например, при создании ниспадающих меню)

Якоря

Чтобы поместить якорь в какое-то место страницы, используйте код [[# anchor-name]]. Чтобы поставить ссылку на якорь, пишите [#anchor-name текст ссылки].

Email-ы

что пишем что отображается комментарий
support@example.com moc.elpmaxe|troppus#moc.elpmaxe|troppus простой адрес email
[support@example.com email me!] moc.elpmaxe|troppus#!em liame адрес с произвольным текстом

Хотя мы и не рекомендуем размещать свой адрес электронной почте в открытом доступе в интернете, WikiDot предоставляет простой механизм который скрывает ваши email-ы от большинства поисковых ботов. Каждый адрес электронной почты шифруется, а затем собирается браузером по кусочкам на стороне клиента. Хотя это и не предоставляет 100% гарантии, это гораздо безопаснее размещения email-а открытым текстом.

ИнтерВики

Чтобы указать ссылку на англоязычную Википедию, используйте синтакс:

что пишем что отображается
[wikipedia:Albert_Einstein] Albert_Einstein
[wikipedia:Albert_Einstein Einstein] Einstein

Другие примеры поддерживаемых ссылок интервики:

  • [google:free+wiki] — поиск "free wiki" в Гугле
  • [dictionary:wiki] — поиск слова wiki на dictionary.reference.com

"Магические" URI

"Магические" URI (или "магические" ссылки) это возможность управления страницами на сайте wikidot, по указанныму адресу URL. Такие свойства URI обретают либо благодаря добавлению к ним определённых параметров, либо благодаря добавлению в конце опции, начинающейся со знаков "#_".
что пишем что отображается комментарий
[http://site-name.wikidot.com/page-name#_editpage Редактировать] Редактировать Переход на указанную страницу сразу в режиме редактирования
[http://site-name.wikidot.com/page-name/title/whatever Озаглавить и редактировать] Озаглавить и редактировать Действует, только если такой страницы еще нет. Когда вы начнёте редактирование, заглавие будет установлено в значение, обозначенное в URI (в нашем случае "whatever"). Может совмещаться с параметрами "/edit/true", "parentPage/page-name" и т.д.
[http://site-name.wikidot.com/page-name/parentPage/parent-page-name Установить страницу-родителя и редактировать] Установить страницу-родителя и редактировать Действует, только если такой страницы еще нет. Когда вы начнёте редактирование, родительская страница будет установлена в значение, обозначенное в URI (в нашем случае "parent-page-name"). Может совмещаться с параметрами "/edit/true", "title/whatever" и т.д.
[http://site-name.wikidot.com/page-name/noredirect/true Страница без редиректа] Страница без редиректа Отключение редиректа в случае, если на странице присутствует модуль Redirect
[http://site-name.wikidot.com/page-name/tags/tag1,tag2 Установить тэги] Установить тэги Устанавливает на странице тэги, перечисленные в URL, отделённые друг от друга запятыми
[http://site-name.wikidot.com/page-name/norender/true Без обработки кода] Без обработки кода Переходит на страницу, но не обрабатывает её для отображения. Это позволяет вносить изменения в содержимое исходного кода в случае проблем с функциональностью страницы.

"Магические" URI с хэшем (решёткой)

В адресе “http://site-name.wikidot.com/page-name#_option” опция (#_option) может принимать следующие значения:
что пишем что обозначает
#_wantedpages перечисляет недостающие страницы (Wanted Pages)
#_orphanedpages перечисляет страницы-сироты (Orphaned Pages)
#_draftpages перечисляет черновые страницы (Draft Pages) на сайте
#_editpage открывает страничный редактор
#_edittags открывает редактор тэгов
#_history показывает историю редактирования страницы
#_files перечисляет файлы, прикреплённые к странице
#_sitetools открывает набор инструментов (Site Tools)

Изображения

Отдельные изображения

Для добавления на страничку изображения пользуйтесь следующей синтаксической схемой:

[[image адрес-рисунка атрибут1="значение1" атрибут2="значение2" ...]]
Ниже приведен список допустимых атрибутов:
атрибут (название) допустимые значения примеры значений описание
link имя странички wiki или URL "wiki-page"
"*http://www.example.com"
делает изображение ссылкой на другую страницу или сетевой адрес; ссылка игнорируется, если в качестве адреса указан Flickr ; ссылка, начинающаяся с символа '*' откроется в новом окне
alt любой текст "здесь должна быть моя фотка" текстовая замена изображения на случай, когда оно недоступно
title любой текст "это моё фото" всплывающий текст при наведении мыши на изображение
width количество пикселей (px) "200px" при показе переформатирует изображение по заданной ширине
height количество пикселей (px) "200px" при показе переформатирует изображение по заданной высоте
style допустимые стили CSS "border: 1px solid red; padding: 2em;" позволяет форматировать рисунок по правилам CSS style
class класс CSS "mystyle" относит рисунок к классу CSS - рекомендуется только если у вас пользовательские настройки темы
size "square" - 75x75 пикселей
"thumbnail" - 100 по большему краю
"small" - 240 по большему краю
"medium" - 500 по большему краю
"large" - 1024 по большему краю (только для больших рисунков с Flickr-а)
"original" - оригинальный размер (только для Flickr-а)
любое из списка слева;-) показывает отмасштабированное изображение;
здорово для иконок - миниатюрок (thumbnail);
при работе с Flickr-ом изображение нужного размера выдает сервер Flickr;
эта опция действует только с изображениями, хранящимися локально или на Flickr-е

Атрибут size замечательно обрабатывает локальные (прикрепленные к страничкам) файлы, при чём не только изображения, но и, к примеру, файлы PDF и PostScript. Более подробно смотри здесь (на английском языке)

Адрес-рисунка может быть одним из следующих:
тип адреса формат примеры значений описание
адрес URL любой возможный адрес URL http://www.example.com/image.jpg показывает изображение по сетевому адресу
прикрепленный файл (текущая страница) имя-файла exampleimage.jpg показывает изображение, прикрепленное к текущей странице
:first :first :first показывает первое из прикреплённых к текущей странице изображений (либо ничего)
прикрепленный файл (другая страница) /имя-другой-страницы/имя-файла /another-page/exampleimage.jpg показывает изображение, прикрепленное к другой странице
изображение с Flickr flickr:код-фото flickr:83001279 показывает изображение с Flickr-а и содержит ссылку на оригинальную Flickr-страницу
приватное изображение с Flickr flickr:код-фото_пароль flickr:149666562_debab08866 показывает изображение с Flickr-а и содержит ссылку на оригинальную Flickr-страницу; если задан пароль, изображение доступно, даже если оно помечено как приватное

Чтобы открыть документ по ссылке в новом окне для изображений автоматически порождающих ссылки вы можете ставить звёздочку ("*") в начале значения атрибута link (например, link="*http://www.example.com"), либо в начале адреса-рисунка (примеры: *flickr:149666562_debab08866, *image-file и т.д.)

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

  • [[=image… - изображение по центру
  • [[<image… - изображение слева
  • [[>image… - изображение справа
  • [[f<image… - изображение слева (обтекается текстом справа)
  • [[f>image… - изображение справа (обтекается текстом слева)

Галерея картинок

Чтобы встроить в страничку ряд (галерею) изображений используйте тэги [[gallery]] и [[/gallery]]:

[[gallery size="размер-рисунка-в-галерее"]]

или
[[gallery size="размер-рисунка-в-галерее"]]
: адрес-изображения1 атрибут1="значение1" атрибут2="значение2" ...
: адрес-изображения2 атрибут1="значение1" атрибут2="значение2" ...
...
[[/gallery]]
Допустимыми атрибутоми тэга [[gallery]] являются:
атрибут допустимые значения по умолчанию описание
size "square", "thumbnail", "small", "medium" "thumbnail" устанавливает размер иконок изображений в галерее
действует только для локальных (загруженных) фалов либо картинок с Flickr-a
order "name", "name desc", "created_at", "created_at desc" "name" устанавливает вид сортировки
viewer "false", "no", "true", "yes" "yes" отключает модуль просмотра LightBox

Параметр order также допускает нерекомендуемые в настоящее время значения "nameDesc", "dateAddedDesc" и "dateAdded". В целях совместимости с модулем ListPages допускаются также следующие значения: "name desc desc" и "created_at desc desc" (означающие то же самое что и без "desc desc").

Если тэг [[gallery]] употреблен без списка изображений, автоматически отображаются изображения (миниатюрки), а также другие графические файлы, прикреплённые к текущей странице (то есть сюда включаются миниатюрки любых документов .pdf и .ps).

Если тэг [[gallery]] употребляется со списком изображений, то отобразятся только эти изображения. адрес-изображения в этом случае не должен являться URL. Допустимы следующие атрибуты для каждого изображения:

  • link - URL или имя вики- страницы (с изображениями Flickr-а не работает; для совместимости с правилами Flickr-а)
  • alt - текстовая замена изображения на случай, когда оно недоступно

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

По умолчанию для отображения галереи используется LightBox. Это значит, что когда вы щелкаете по картинке из галереи, всплывает очень красивый контур с возможностью навигации по картинкам без перезагрузки страницы либо открытия новых окон / вкладок. Чтобы отключить просмотр в LightBox используйте параметр:
[[gallery viewer="no"]] или [[gallery viewer="false"]]

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

Для корректной обработки тэга [[gallery]] парсером следует помещать каждый такой тэг на отдельной линии.

Заметки в рамочке

Если вам нужно выделить рамочкой что-то важное, вы можете воспользоваться схемой: [[note]][[/note]]. Каждый из тэгов должен располагаться на отдельной строке. Например:

[[note]]
**##darkred|Внимательно## читайте настоящее руководство**
[[/note]]

Получается:

Внимательно читайте настоящее руководство

Блоки HTML

Используя тэги [[html]] … [[/html]] можно задавать в странице блоки, состоящие непосредственно из элементов HTML (для каждого из тэгов [[html]] должна быть отведена отдельная строка). Блок HTML это кодовый блок, помещённый в IFRAME. Это в том числе облегчает использование скриптов для HTML.

[[html]]
<h1>Custom HTML</h1>
<p>Something else</p>
<img src="anything.png" alt="hello ;-)"/>
[[/html]]

Весь вики-синтаксис, находящийся внутри блока, воспринимается как набор букв и не обрабатывается парсером.

Вы можете применять стили как посредством <style type="text/css">…</style>, так и в конструкции <элемент style="…"> к различным элементам за исключением <html> и <body> (которые при необходимости также могут быть прозрачно добавлены к содержимому вашей страницы). Если вам нужно применить стили к элементам высшего уровня, сделайте это, заключив всё содержимое [[html]]-блока в контейнер <div>, содержащий нужные стили. Например так:

[[html]]
<div style="background-color: black; color: lightgreen">
<p>Это простой пример использования стилей.</p>
</div>
[[/html]]

В результате весь блок HTML будет черным фоном с буквами ярко-зеленого цвета:

Каждый блок HTML на странице имеет свой уникальный URL, позволяющий непосредственный доступ к нему. Узнать его можно кликнув правой кнопкой мыши по элементу блока HTML в отображаемой странице и выбрав "Показать только этот фрейм" ("Show only this frame"), после чего можно проверить веб-адрес.

Блоки кода

Создавайте блоки программного кода, используя тэги [[code]]…[[/code]] (каждый тэг занимает свою отдельную строчку).

Пример того, как отображается кодовый блок!

Весь вики-синтаксис внутри кодового блока кроме тэгов [[include]] воспринимается как простой текст и не обрабатывается парсером. Чтобы исключить также обработку тэга "include" нужно поставить перед ним пробел.

Каждый кодовый блок на странице имеет уникальный URL для отдельного обращения к нему. Это крайне полезно для кодовых блоков, содержащих описания CSS (type = "css"). Примеры:

http://mysite.wikidot.com/category:page/code    -- адрес первого кодового блока
http://mysite.wikidot.com/category:page/code/2  -- адрес второго кодового блока

Таким путем можно извлекать кодовый блок, определённый в странице исходного кода без использования шаблонов _template. Если же исходный код на странице сочетается с использованием шаблона _template, можно использовать URL следующего вида:
http://mysite.wikidot.com/category:page/code_  -- заметьте знак подчеркивания в конце адреса
http://mysite.wikidot.com/category:page/code_/2  -- адрес второго кодового блока

Для создания блоков PHP и их автоматического расцвечивания сначала поместите ваш код между тэгами [[code type="php"]]…[[/code]]).

А затем для расцвечивания заключите код PHP в конструкцию <?php…?>.

WikiDot.com использует цвета PEAR::Text_Highlighter и поддерживает несколько цветовых схем. Вот что поддерживается (допустимые значения типа):

php, html, cpp, css, diff, dtd, java, javascript, perl, python, ruby, xml.

Пример:

[[code type="php"]]
<?php
/* comment */
for($i=0; $i<100; $i++){
echo "number".$i."\n";
}
?>
[[/code]]
<?php
/* comment */
for($i=0; $i<100; $i++){
echo "number".$i."\n";
}
?>

Таблицы

Простые таблицы

Можно создавать простые таблицы, используя сдвоенные вертикальные линии:

||~ заголовок 1||~ заголовок 2||~ заголовок 3||
|| ячейка 1 ||= ячейка 2 ||> ячейка 3 ||
||||двойная ячейка 4||ячейка 5 ||
||ячейка  6 |||| двойная ячейка 7 ||
|||||| тройная ячейка 8||
заголовок 1 заголовок 2 заголовок 3
ячейка 1 ячейка 2 ячейка 3
двойная ячейка 4 ячейка 5
ячейка 6 двойная ячейка 7
тройная ячейка 8
||Строка таблицы должна || начинаться и заканчиваться || двойными вертикальками.||
|| Двойные вертикальки || также разделяют ячейки.||= - - - ||
|||| Можно объединять ячейки в строке, || ставя перед каждой||
|| увеличенной ячейкой|||| добавочные разделители.||
||Чтобы выделить заголовок,  ||ставьте в начале ячейки  ||~ тильду <<~>> и пробел.||
|| Для выравнивания ||текста внутри ячейки|| начинайте ячейку знаками:||
||< меньше ``<'' и пробел  _
(выровняли влево);||= равно ``='' и пробел  _
(выровняли по центру);||> больше ``>'' и пробел  _
(выровняли вправо).||
|||||| И, пожалуй, лучший способ понять - _
это просто посмотреть наглядный пример.||
Строка таблицы должна начинаться и заканчиваться двойными вертикальками.
Двойные вертикальки также разделяют ячейки. - - -
Можно объединять ячейки в строке, ставя перед каждой
увеличенной ячейкой добавочные разделители.
Чтобы выделить заголовок, ставьте в начале ячейки тильду «~» и пробел.
Для выравнивания текста внутри ячейки начинайте ячейку знаками:
меньше “<” и пробел
(выровняли влево);
равно “=” и пробел
(выровняли по центру);
больше “>” и пробел
(выровняли вправо).
И, пожалуй, лучший способ понять -
это просто посмотреть наглядный пример.

Для перехода к новой строке внутри клетки таблицы ставьте в конце строки знак подчеркивания “_” (как в приведенном выше примере).

Более сложные (пользовательские) таблицы

Для создания более сложных таблиц можно использовать специальные тэги, допускающие атрибуты class и style для задания формата таблиц. Чтобы создать такую таблицу следуйте синтаксису приведенного примера:

[[table]]
[[row]]
[[cell style="border: 1px solid silver; background-color: yellow;"]]
клетка 0.0
[[/cell]]
[[cell style="border: 1px solid silver"]]
клетка 0.1
[[/cell]]
[[/row]]
[[row style="border: 1px solid silver"]]
[[cell]]
клетка 1.0
[[/cell]]
[[cell style="border: 1px solid silver; background-color: yellow;"]]
клетка 1.1
[[/cell]]
[[/row]]
[[/table]]
стало…
клетка 0.0 клетка 0.1
клетка 1.0 клетка 1.1

Другой пример:

[[table style="border-collapse:collapse;"]]
[[row]]
[[hcell style="border: 1px solid silver; background-color: yellow;"]]
заголовок 0.0
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
заголовок 0.1
[[/hcell]]
[[hcell style="border: 1px solid silver" ]]
заголовок 0.2
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver" colspan="2"]]
ячейка 1.0
[[/cell]]
[[cell style="border: 1px solid silver; background-color: yellow;"]]
ячейка 1.2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver" rowspan="2"]]
ячейка 2.0
[[/cell]]
[[cell style="border: 1px solid silver"]]
ячейка 2.1
[[/cell]]
[[cell style="border: 1px solid silver"]]
ячейка 2.2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
ячейка 3.1
[[/cell]]
[[cell style="border: 1px solid silver"]]
ячейка 3.2
[[/cell]]
[[/row]]
[[/table]]

преобразуется в следующую таблицу:

заголовок 0.0 заголовок 0.1 заголовок 0.2
ячейка 1.0 ячейка 1.2
ячейка 2.0 ячейка 2.1 ячейка 2.2
ячейка 3.1 ячейка 3.2

Каждый из элементов [[table]], [[row]] и [[cell]] допускает атрибуты style и class. В дальнейшем эти элементы транслируются в тэги (X)HTML: <table>, <tr> и <td>. Элементы cell могут в том числе использовать переменные colspan и rowspan, как в вышеприведённом примере.

Если вы хотите исключить пространство между ячейками в таблице, как в последнем примере, следует в первой строке таблицы указать: [[table style="border-collapse:collapse;"]].

Пример того, как таблицы могут использоваться для задания лейаута страницы можно найти на нашем сайте Snippets Wiki : http://snippets.wikidot.com/code:layout-with-tables .

Таблицы могут быть вложенными.

Элементы блочного форматирования

Выравнивание по краям, по центру и по ширине

Для горизонтального выравнивания блока используйте:

[[<]] ... [[/<]] выровнять по левому краю
[[>]] ... [[/>]] выровнять по правому краю
[[=]] ... [[/=]] выровнять по центру
[[==]] ... [[/==]] выровнять по ширине

Например:

[[=]]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\
Aenean a libero. Vestibulum adipiscing, felis ac faucibus \
imperdiet, erat lacus accumsan neque, vitae nonummy lorem \
pede ac elit. 

Maecenas in urna. Curabitur hendrerit risus vitae ligula.
[[/=]]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.

Maecenas in urna. Curabitur hendrerit risus vitae ligula.

Для того, чтобы выровнять отдельную строку по центру поместите = в начало строки:

= **Отцентрованная линия**

Отцентрованная линия

Пользовательские div блоки

Для улучшения внешнего вида вы можете пользоваться элементами [[div]] ... [[/div]], которые впоследствии транслируются в HTML как блоки @div> ... </div@.

Допустимы лишь атрибуты class и style, но этого должно быть больше чем достаточно для создания желаемого лейаута.

Блоки [[div]] могут быть вложенными.

Ниже идёт пример, как создать 2-столбцовый лейаут, используя блоки div:

[[div style="float:left; width: 45%; padding: 0 2%"]]
левая колонка левая колонка левая колонка левая колонка левая колонка 
левая колонка левая колонка левая колонка левая колонка левая колонка 
[[/div]]
[[div style="float:left; width: 45%; padding: 0 2%"]]
правая колонка правая колонка правая колонка правая колонка правая колонка 
правая колонка правая колонка правая колонка правая колонка правая колонка 
[[/div]]

~~~~~

левая колонка левая колонка левая колонка левая колонка левая колонка
левая колонка левая колонка левая колонка левая колонка левая колонка

правая колонка правая колонка правая колонка правая колонка правая колонка
правая колонка правая колонка правая колонка правая колонка правая колонка

Элемент ~~~~ используется для прекращения обтекания и транслируется более или менее в <div style="clear:both"></div>).

Пользовательские блоки [[div]] могут использоваться для создания очень сложных страничных лейаутов.

Математические формулы

Для аккуратного отображения уравнений WikiDot.com пользуется правилами LaTeX-а. Тем, кто знаком с синтаксисом Латеха, правила задания формул в Викидот должны быть достаточно очевидны. Пожалуйста:

Уравнения

Просто поместите уравнение между тэгами математического блока [[math метка]] … [[/math]] (метка задается по желанию). Само уравнение это то, что вписывается в соответствующее окружение LaTex-а: \begin{equation} ... \end{equation}. Чтобы познакомиться с синтаксисом в деталях, пожалуйста, обратитесь к любому руководству по Латеху.

[[math label1]]
\rho _{\rm GJ} = -\sigma (r) \left[ (1 - \eta _{\ast }^2 {\kappa \over {\eta ^3}}) \cos \chi \right.
+ \left. {3\over 2} \theta (\eta) H(\eta)
\xi \sin \chi \cos \phi \right]
[[/math]]
(1)
\begin{align} \rho _{\rm GJ} = -\sigma (r) \left[ (1 - \eta _{\ast }^2 {\kappa \over {\eta ^3}}) \cos \chi \right. + \left. {3\over 2} \theta (\eta) H(\eta) \xi \sin \chi \cos \phi \right] \end{align}

Чтобы создать ссылку на уравнение с меткой используйте [[eref label]] и вы получите ссылку с порядковым номером уравнения. Например, "Уравн.([[eref label1]])" порождает: "Уравн.(1)".

Окружение (environment) для Латеха может быть задано двумя способами: либо посредством параметра type="environment", либо использованием внутри математического блока конструкции \begin{environment}\end{environment}. Так два приведенных ниже примера эквивалентны:

[[math type="align"]]
E = mc^2
[[/math]]
[[math]]
\begin{align}
E = mc^2
\end{align}
[[/math]]

По умолчанию окружением является equation. Допустимыми значениями окружения math являются: align, alignat, aligned, alignedat, array, Bmatrix, bmatrix, cases, eqnarray, equation, gather, gathered, matrix, multline, pmatrix, smallmatrix, split, subarray, Vmatrix, vmatrix.

Для разбивки длинного уравнения по строкам можно использовать атрибут окружения type="eqnarray". Например:

[[math label2 type="eqnarray"]]
{ \cos x = 1        
-\frac{x^{2}}{2!} +{} } \\
& & {}+\frac{x^{4}}{4!}
-\frac{x^{6}}{6!}+{}\cdots
[[/math]]
(2)
\begin{eqnarray} { \cos x = 1 -\frac{x^{2}}{2!} +{} } \\ & & {}+\frac{x^{4}}{4!} -\frac{x^{6}}{6!}+{}\cdots \end{eqnarray}

Формулы в строке

Для вставки формул в текстовую строку используйте блоковые тэги [[$ ... $]].

= [[$ E = mc^2 $]] намного популярнее чем  
= [[$ G_{\mu\nu} - \Lambda g_{\mu\nu} = \kappa T_{\mu\nu} $]]

$E = mc^2$ намного популярнее чем

$G_{\mu\nu} - \Lambda g_{\mu\nu} = \kappa T_{\mu\nu}$

Сноски

Для создания подстрочных примечаний в тексте используйте блок [[footnote]]...[[/footnote]]. Для отображения списка подстрочных сносок раньше конца страницы используйте команду [[footnoteblock]].

Итак, у нас есть какой-то текст. [[footnote]]Здесь небольшая сноска.[[/footnote]]. В нём мы иллюстрируем 
как отображаются сноски. Вот, кстати, ещё одна.
[[footnote]]Следующее подстрочное примечание.[[/footnote]].
[[footnoteblock title="примечания"]]

Итак, у нас есть какой-то текст.1. В нём мы иллюстрируем
как отображаются сноски. Вот, кстати, ещё одна.2.

Если вас не устраивает заголовок для сносок по умолчанию ("Footnotes"), вы можете задать ваш собственный заголовок с помощью [[footnoteblock title="заголовок по желанию"]] или вовсе не использовать его (title="").

Список литературы

Блок со списком источников определяется внутри [[bibliography]]...[[/bibliography]]. Каждый элемент списка должен быть представлен в формате:
ярлычок : полное описание элемента
Для ссылки на источник из списка используйте ((bibcite ярлычок)).

Первый пульсар наблюдали  Джоселин Белл и Энтони Хьюиш [((bibcite bell))]. 
Далее ссылка на другой источник [см. ((bibcite guy))].

[[bibliography title="литература"]]
: bell : Bell, J.; Hewish, A.; Pilkington, J. D. H.; Scott, P. F.; and Collins, R. A. //Observation of a Rapidly Pulsating Radio Source.// Nature 217, 709, 1968.
: guy : Guy, R. K. //Modular Difference Sets and Error Correcting Codes.// §C10 in Unsolved Problems in Number Theory, 2nd ed. New York: Springer-Verlag, pp. 118-121, 1994.
[[/bibliography]]

Первый пульсар наблюдали Джоселин Белл и Энтони Хьюиш [1].
Далее ссылка на другой источник [см. 2].

литература
1. Bell, J.; Hewish, A.; Pilkington, J. D. H.; Scott, P. F.; and Collins, R. A. Observation of a Rapidly Pulsating Radio Source. Nature 217, 709, 1968.
2. Guy, R. K. Modular Difference Sets and Error Correcting Codes. §C10 in Unsolved Problems in Number Theory, 2nd ed. New York: Springer-Verlag, pp. 118-121, 1994.

Если вас не устраивает заголовок для сносок по умолчанию ("Bibliography"), вы можете задать ваш собственный заголовок с помощью [[footnoteblock title="заголовок по желанию"]] или вовсе не использовать его (title="").

Включение других страниц

Если вы желаете включить содержимое другой страницы используйте команду:

 [[include имя-страницы]]

Тэг include должен начинаться и заканчиваться переходом на новую строку.

Также тэг [[include]] может иметь параметры и задавать значения переменных, используемых в подключаемом коде. Препроцессорные переменные в подключаемой странице обозначаются следующим образом:

{$var1}, {$number_books}, {$title}, {$variable_name}, {$variableName}

а при включении страницы следует задать их значения так:

 [[include pagename var1=абвгд | number_books = 43 | title=лучшая Вики на свете 
| variable_name = просто переменная
| variableName = другая переменная
]]

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

Замечание: команда "include" и картинки/файлы: Действие [[include]] заключается лишь во включении в нужное место исходного кода вставляемой страницы. Если подключаемая страница имеет прикрепленные к ней файлы/изображения и обращается к ним в формате [[image имя-файла.jpg]], правильно будет включить в адрес файла/изображения также и имя страницы, к примеру: [[image имя-включаемой-страницы/имя-файла.jpg]].

Допускаются включения страниц с других сайтов, или кросс-сайтовые инклюды (CSI). Они являются мощным методом связывания страничных шаблонов и кодов с других проектов. Формат таких включений:

[[include :имя-сайта:имя-страницы]]

Имя сайта может быть поддоменом wikidot (например :www), либо полным именем, описывающим произвольный домен.

Встраивание видео и аудио

В более ранних версиях вики чтобы непосредственно внедрить видео или аудио на страницу необходимо было использовать блоки [[embedvideo]] ... [[/embedvideo]] и [[embedaudio]] ... [[/embedaudio]] соответственно. Внутри блока должен находиться "встраиваемый код html" с одного из поддерживаемых сайтов видео- и аудиохостинга. Вследствие чего в исходном коде некоторых страниц можно обнаружить конструкции типа:

[[embedvideo]]
<embed style="width:400px; height:326px;" id="VideoPlayback" align="middle"
type="application/x-shockwave-flash"
src="http://video.google.com/googleplayer.swf?docId=263244138622602613"
allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL" 
FlashVars="playerMode=embedded"> </embed>
[[/embedvideo]]

В настоящий момент в связи с появлением в вики тэгов [[html]], позволяющих вставлять в содержимое страниц непосредственно коды html (использование блоков [[html]] описано выше), использовать команды [[embedvideo]] и [[embedaudio]] не рекомендуется. Вместо этого код, получаемый на сайте хостинга следует вставлять в блок html .

Например, поместить код вставки видео с "YouTube" можно таким образом:

[[html]]
<iframe width="560" height="315" 
src="https://www.youtube.com/embed/m1VWdB161vA" frameborder="0" allow="accelerometer; 
autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
[[/html]]

А вот результат:

Встраиваемый код с других сайтов

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

Тэги [[embed]] и [[html]]

В более ранних версиях вики чтобы вставить такой код на страницу необходимо было использовать блоки [[embed]] ... [[/embed]] Внутри блока должен находиться "встраиваемый код html" с нужного сайта. Вследствие чего в исходном коде некоторых страниц можно обнаружить конструкции вроде:

[[embed]]
<script type="text/javascript" src="http://del.icio.us/feeds/js/tags/michal_frackowiak?icon;size=12-35;color=87ceeb-0000ff;title=my%20del.icio.us%20tags"></script>
[[/embed]]

В настоящий момент в связи с появлением в вики тэгов [[html]], позволяющих вставлять в содержимое страниц непосредственно коды html (использование блоков [[html]] описано выше), использовать команды [[embed]] не рекомендуется. Вместо этого код, получаемый на нужном вам сайте следует вставлять в блок html .

Вот, например, как можно вставить информер с сайта "Яндекс.Погода":

[[html]]
<a href="https://clck.yandex.ru/redir/dtype=stred/pid=7/cid=1228/*https://yandex.ru/pogoda/54" 
target="_blank"><img src="https://info.weather.yandex.net/54/2_white.ru.png?domain=ru" 
border="0" alt="Яндекс.Погода"/><img width="1" height="1" 
src="https://clck.yandex.ru/click/dtype=stred/pid=7/cid=1227/*https://img.yandex.ru/i/pix.gif" 
alt="" border="0"/></a>
[[/html]]

Получаем в результате:

Пожалуйста, учтите, что если ваш код содержит JavaScript <script type="text/javascript"…, содержимое может не полностью отображаться на экране, когда вы нажимаете "предварительный просмотр"("preview") при редактировании страницы. Однако скрипт должен отработать при обычном просмотре впоследствии.

Элемент [[iframe]]

Используя элемент iframe можно внедрить на свою страницу содержимое любой другой веб-страницы. Вот синтаксис команды:

[[iframe url-адрес атрибуты]]

and it translates into The allowed attributes are:
Элемент отображается в тэг HTML <iframe src="url-адрес" атрибуты></iframe>. Допустимы следующие атрибуты: frameborder (0 или 1), align (left, right, top, bottom, middle), height (в пикселях или %), width (в пикселях или %), scrolling ("yes" или "no"), class, style.

Например,

[[iframe http://superjet.wikidot.com/ height="500" width="800"]]

отобразится как:

Блок Iftags

Рассматриваемые здесь тэги - это тематические метки (ярлычки), вручную добавляемые редакторами к странице после перехода по ссылке "тэги"/"tags" на панели опций внизу страницы. каждый тэг может быть до 64 символов в длину; между собой они разделяются пробелами; лимитов по количеству тэгов на страницу нет. Тэги очень полезны для пометки страниц и создания в последующем Облака Тэгов, позволяющего быстрее находить страницы по интересующей теме.

Особые тэги начинаются с подчеркивания ("_"): они не отображаются автоматически в облаке тэгов, но их можно использовать в качестве условий в [[iftags]]. Также тэги могут использоваться как условия ( +, - ) для модуля ListPages.

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

Синтаксис:

[[iftags +тэг1 -тэг2 тэг3]] ... [[/iftags]]

где +/-"tag№" относится к тэгу, присутствие которого проверяется:
  • + перед именем тэга означает - тэг должен присутствовать, (тэг без знака означает то же)
  • - перед именем тэга означает - тэг должен отсутствовать

Пример:

[[iftags +наука]]
Эта страница помечена меткой: наука.
Чтобы ознакомиться с другими научными статьями [URL-адрес-перехода  кликните сюда]
[[/iftags]]

[[iftags +глюк -исправлено]]
Эта страница глючит, нуждается в исправлении.
[[/iftags]]

Модули

Модулями здесь называются встроенные приложения, которые вы можете использовать на своих страницах. Общий синтаксис для подключения модулей такой:
[[module Имя-модуля параметр1="значение1" параметр2="значение2" ...]]

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

Более детально ознакомиться с модулями Викидот вы можете на странице официально документации (на английском языке) : http://www.wikidot.com/doc-modules:start либо на дополнительном сайте (также на английском языке) : http://doc.wikidot.com/module:_start

Прикреплённые файлы

что пишется что означает
[[file имя-файла | произвольный текст]] порождает ссылку на файл привязанный к текущей странице; при этом вместо имени файла вы увидите произвольный текст для ссылки
[[file /другая-страница/имя-файла | произвольный текст]] порождает ссылку на файл, привязанный к другой-странице

Для того, чтобы обратиться к файлу, искомый файл должен сначала быть подгружен к странице. Это достигается щелчком по кнопкам "файлы"("files") и "загрузить файл"("upload file") в опциях внизу любой страницы.

Пользователи

что пишется что получается содержание
[[user имя-пользователя]]
пример:[[user michal frackowiak]]
michal-frackowiak ссылка на информацию о пользователе (без иконки)
[[*user имя-пользователя]]
пример:[[*user michal frackowiak]]
michal-frackowiakmichal-frackowiak ссылка на информацию о пользователе (с иконкой)

Закладки для социальных сетей

Значки закладок для социальных сетей добавлять к вашим страничкам очень легко — просто напишите [[social]] (без каких-либо параметров) и вы получите:

BlinkListblogmarksdel.icio.usdiggFarkfeedmelinksFurlLinkaGoGoNewsVineNetvouzRedditYahooMyWebFacebook

Что эквивалентно:

[[social blinklist,blogmarks,del.icio.us,digg,fark,feedmelinks,furl,linkagogo,newsvine,netvouz,reddit,yahoomyweb,facebook]]

Можно также выбрать лишь несколько сетей из списка, например чтобы выбрать digg, furl, del.icio.us и facebook напишите:
[[social digg,furl,del.icio.us,facebook]]

и вы получите: diggFurldel.icio.usFacebook

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

Набор кнопок (опции для страницы)

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

[[button тип-опции атрибуты]]

Где тип-опции один из следующего списка: edit (редактировать), edit-append (редактировать-добавить), edit-sections (редактировать по частям), history (история), print (печать), files (файлы), tags (тэги), source (смотреть исходный текст), backlinks (обратные ссылки), talk (обсуждение; аналогично проектам MediaWiki/Wikipedia).

Возможны следующие атирбуты:

  • text — альтернативный (не по умолчанию) текст, который будет на кнопке
  • class — класс CSS элемента А
  • style — определение стиля CSS

Так чтобы отобразить красивые кнопки "исходный текст" и "печать" с картинками можно использовать код:

[[>]]
[[button source text="исходный текст" 
style="background-image: url(http://www.wikidot.com/local--files/files/view-source.png); 
background-repeat: no-repeat; background-position: bottom right; padding-right: 20px; 
color: #444"]] [[button print text="печать" 
style="background-image: url(http://www.wikidot.com/local--files/files/document-print.png); 
background-repeat: no-repeat; background-position: bottom right; padding-right: 20px;color: #444"]]
[[/>]]

и получить свой набор из двух кнопок справа:

Элементы лейаута

Организация вкладок

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

Важно: Наличие вкладок разрушает стройность таблицы оглавления, меток и действия клавиши "вернуться"

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

Чтобы разместить на странице информацию в виде набора вкладок (tabview), можно воспользоваться следующим синтаксисом:

[[tabview]]
[[tab Заголовок вкладки №1]]
Содержимое вкладки №1.
[[/tab]]
[[tab Заголовок вкладки №2]]
Содержимое вкладки №2.
[[/tab]]
[[tab Заголовок вкладки №3]]
Содержимое вкладки №3.
[[/tab]]
[[/tabview]]

В результате вы увидите следующий набор вкладок:

Содержимое вкладки №1.


Также пример использования вкладок можно найти на нашем сайте Вики-сниппетс: http://snippets.wikidot.com/code:tabs.

Во вкладках можно размещать любое содержимое, однако вложенность вкладок в настоящее время не допускается.


Bookmark and Share

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License