Wiki Syntax

This page references Wikidot's syntax documentation.

Text

Syntax	Example
**Bold**	Bold
//Italics//	Italics
__Underline__	Underline
--Strikethrough--	Strikethrough
{{Teletype (Monospaced)}}	Teletype (Monospaced)
Text^^Superscript^^	TextSuperscript
Text,,Subscript,,	TextSubscript
[[span style="color:red"]]//span// Inline Element[[/span]]	span Inline Element
##blue|Predefined## or ##0000FF|Hex Color Code##	Predefined or Hex Color Code
@ @ Escape Parsing {{Example}} @ @	Escape Parsing {{Example}}

*Note that to escape parsing, there should be no spaces between the two @'s and the text. It is written as above due to @@ failing to escape parsing for itself.

Text Size

Changing size based on current text size:

Syntax	Example
[[size smaller]]Smaller Text[[/size]]	Smaller Text
[[size larger]]Larger Text[[/size]]	Larger Text
[[size 80%]]80% Of Current Size[[/size]]	80% Of Current Size
[[size 100%]]100% Of Current Size[[/size]]	100% Of Current Size
[[size 150%]]150% Of Current Size[[/size]]	150% Of Current Size
[[size 0.8em]]80% Of Current Size[[/size]]	80% Of Current Size
[[size 1em]]100% Of Current Size[[/size]]	100% Of Current Size
[[size 1.5em]]150% Of Current Size[[/size]]	150% Of Current Size

Setting the size directly:

Syntax	Example
[[size xx-small]]Extra-Extra-Small Text[[/size]]	Extra-Extra-Small Text
[[size x-small]]Extra-Small Text[[/size]]	Extra-Small Text
[[size small]]Small Text[[/size]]	Small Text
[[size large]]Large Text[[/size]]	Large Text
[[size x-large]]Extra-Large Text[[/size]]	Extra-Large Text
[[size xx-large]]Extra-Extra Large Text[[/size]]	Extra-Extra Large Text
[[size 7px]]Text Size 7 Pixels[[/size]]	Text Size 7 Pixels
[[size 18.75px]]Text Size 18.75 Pixels[[/size]]	Text Size 18.75 Pixels

Links

URLs will automatically become links:

https://example.com/ - https://example.com/

To link specific words or phrases, use the following:

[https://en.wikipedia.org/wiki/Apple_Pie apple pie] - apple pie

Pages within the wiki can be linked to directly with just the title, if the url and title are the same (i.e. the page title that Wikidot generates based on the url you use, non-case sensitive):

Meet [[[Our Staff]]] - Meet Our Staff

If they differ, you specify the url and then give your own title:

[[[system:join|Join Our SIte!]]] - Join Our Site!

Adding an asterisk (*) in front of the url opens the link in a new window:

*https://example.com/ - https://example.com/
[*https://example.com/ Example Page] - Example Page

Collapsibles

Collapsibles are for hiding long blocks of text to prevent the page from getting too long. The hidden text appears once you click on the collapsible link:

[[collapsible show="+ Open" hide="- Close"]]
Collapsed text here
[[/collapsible]]

+ Open

Collapsed text here

The collapsible show/hide text is "+ show block" and "- hide block" by default, if no show/hide is specified.

For long text blocks, use "hideLocation="both"" to show the hide link at the bottom of the block as well:

[[collapsible hideLocation="both" show="+ Open" hide="- Close"]]
Longer
Collapsed
Text
Here
[[/collapsible]]

+ Open

Longer
Collapsed
Text
Here

Footnotes

Footnotes are good for inserting more information into text without cluttering the text:

Content[[footnote]]Footnote content[[/footnote]]. More content[[footnote]]More footnote content[[/footnote]].

Inserting [[footnoteblock]] determines the position of the footnotes. Otherwise, footnotes will appear at the bottom of the page:

Content¹. More content².

Footnotes

1. Footnote content

2. More footnote content

Images

Use this code to insert images. width is an optional measurement and can be removed, in which case it shall default to 300px. align is also optional, defaulting to the right.

[[include component:image-block
| name=URL-GOES-HERE
| caption=CAPTION-GOES-HERE
| width=WIDTH-GOES-HERE
| align=ALIGNMENT (left or right)]]@@

The image width must have a unit, such as px (pixels), em (relative to font size), %, etc.

• To place it on the left, use align=left
• To place it in the middle and stretch from one side of the page to the other, set width to 100%.
• In general you should avoid pixel-based sizes and make it proportional to either the page size or the font size. This will improve how your page appears on mobile and tablets.

Audio and Video

Use the HTML5 media player to add audio and video. Change the type to either "audio" or "video" to fit what you're inserting:

[[include :snippets:html5player
| type=audio
| url=URL-GOES-HERE]]

Quoteblocks

Quoteblocks are handy for inserting text that comes from notes, or just to insert long quotes:

> Quote
>
> More quote

Quote

More quote

Note that there is a "> " to insert the empty line, and a space after the second ">" bracket; without those, the empty line isn't there:

> Quote
>
> More quote

Quote
More quote

> Quote

> More quote

Quote

More quote

In addition to the Wikidot standard blockquotes, there is another way to create the same effect:

[[div class="blockquote"]]
Quote
[[/div]]

Quote

This style of quoteblock saves you the trouble of needing to start every line with a ">" and also lets authors include code that normally doesn't work with the standard quoteblocks.

Tabs

Tabs are great for a variety of uses, mostly for keeping your numerous drafts on one sandbox page, but there are other creative uses for it too.

[[tabview]]
[[tab Tab 1]]
Contents of tab 1
[[/tab]]
[[tab Tab 2]]
Contents of Tab 2
[[/tab]]
[[tab Tab 3]]
Contents of Tab 3
[[/tab]]
[[/tabview]]

Tab 1

Contents of tab 1

Tab 2

Contents of tab 2

Tab 3

Contents of tab 3

Tabs can be nested within tabs, but the most obvious method (putting a [[tabview]] within another [[tabview]]) will not work. There is a specific method required for nesting tabs, but I don't recommend doing it due to readability issues. Just make another sandbox page at that point.

Tables

Tables can be useful for experiment logs, or SCPs with a large number of component entities:

||~ TITLE-FORMATTED CELL ||~ TITLE-FORMATTED CELL ||~ TITLE-FORMATTED CELL ||
|| Non-formatted cell || Non-formatted cell || Non-formatted cell ||
||< Left-aligned cell ||< Left-aligned cell ||< Left-aligned cell ||
||> Right-aligned cell ||> Right-aligned cell ||> Right-aligned cell ||
||= Center-aligned cell ||= Center-aligned cell ||= Center-aligned cell||

TITLE-FORMATTED CELL	TITLE-FORMATTED CELL	TITLE-FORMATTED CELL
Non-formatted cell	Non-formatted cell	Non-formatted cell
Left-aligned cell	Left-aligned cell	Left-aligned cell
Right-aligned cell	Right-aligned cell	Right-aligned cell
Center-aligned cell	Center-aligned cell	Center-aligned cell

Adding more cell separators (||) before the cell's text will make the cell span multiple columns based on how many cell separators you used:

||~ Cell title ||~ Cell title ||~ Cell title ||
|| Cell spanning one column |||| Cell spanning two columns ||
|||||| Cell spanning three columns||

Cell title	Cell title	Cell title
Cell spanning one column	Cell spanning two columns
Cell spanning three columns

© Since October 4th, 2021, Arstotzkan Universe All Rights Reserved. Scorched Sundays Theme and modules were designed by Hudson Nolan. The Arstotzkan Universe © 2021-15 Sep 2024 03:47