|
Table of Contents
|
This page references Wikidot's syntax documentation.
This page is a reference for Wikidot syntax that might prove useful in writing articles. Below is a list of the basic commands used to customize and manipulate your page. If you're looking for something more advanced, feel free to ask in the Writing Questions discussion forum.
Basic Text Stuff
| Syntax | Result |
|---|---|
| **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}} |
*For 'escape parsing' to work, there should be no spaces between the two @'s and the text.
Text Size
Changing size based on current text size:
| Syntax | Result |
|---|---|
| [[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 text size directly:
| Syntax | Result |
|---|---|
| [[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 15.36px]]Text Size 15.36 Pixels[[/size]] | Text Size 15.36 Pixels |
Links
URLs will automatically become clickable links:
https://example.com/ - https://example.com/
To attach links to specific words or phrases, use the following:
[https://i.imgur.com/zNuu2CU.jpg stupid amphibian] - stupid amphibian
If the page is within the wiki, use the following:
[[[adf:adf-1|Genesis Files]]] - Genesis Files
Adding a '*' in front of the URL opens the link in a new window:
*https://example.com/ - https://example.com/
[*https://en.wikipedia.org/wiki/Crab_louse Crab louse] - Crab louse
haha crab louse
Collapsibles
Collapsibles are used for hiding large blocks of text to prevent the page from getting too long. The hidden text appears once you click on the collapsible link:
Syntax:
[[collapsible show="+ Open" hide="- Close"]]
Hidden text here
[[/collapsible]]
Result:
(The default collapsible show/hide text is "+ show block" and "- hide block" if no show/hide text is specified.)
For longer text blocks, use "hideLocation="both"" to show the hide link at the bottom of the collapsible as well:
Syntax:
[[collapsible hideLocation="both" show="+ Open" hide="- Close"]]
Longer
Hidden
Text
Here
[[/collapsible]]
Result:
Quoteblocks
Quoteblocks are used for inserting, well, quoteblocks:
Syntax:
> Text
>
> More text
Result:
Text
More text
To insert an empty line, use "> ". If there is no space after the ">" the empty line won't be there:
Syntax:
> Text
>
> More text
Result:
Text
More text
To break the quoteblock, use the following:
Syntax:
> Text
> More text
Result:
Text
More text
In addition to the standard blockquotes, there is another way to create the same effect:
Syntax:
[[div class="blockquote"]]
Text
[[/div]]
Result:
Text
This type of quoteblock saves you the trouble of needing a "> " in every line and also gives you the ability to include code that normally doesn't work in standard quoteblocks.
Footnotes
Footnotes are mainly used for inserting more information into text without cluttering the main text:
Syntax:
Main text[[footnote]]Footnote text[[/footnote]]. More main text[[footnote]]More footnote text[[/footnote]].
[[footnoteblock]]
Inserting [[footnoteblock]] determines the position of the footnotes. Otherwise, footnotes will appear at the bottom of the page:
Result:
Images
Use this code to insert images. width is optional and can be removed, in which case it shall default to 300px. align is also optional, defaulting to the right. name can either contain the working image URL, or the name of the image uploaded to your page. To upload an image to your page, simply scroll to the bottom and click on "Files", then follow the provided instructions.
[[include component:image-block
| name=URL-GOES-HERE
| caption=CAPTION-GOES-HERE
| width=WIDTH-GOES-HERE (optional, must have a unit, such as px, em, %, etc.)
| align=ALIGNMENT (left, right, or center)]]
- To place the image 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/Video
To add audio or video, use the code below. Change the type to either "audio" or "video" to fit what you're inserting:
[[include :snippets:html5player
| type=audio/video
| url=URL-GOES-HERE]]
In order to get the audio/video URL, you must first upload the file to your page. To do this, scroll to the bottom of the page and click on "Files". After uploading your file, click on "Files" again and you should see your file with a clickable name. Clicking the file name should open the file on a new page. Use that page's URL for the url part in the code.
Tabs
Tabs have a bunch of uses, like keeping multiple drafts on one sandbox page, and other stuff:
Syntax:
[[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]]
Result:
Tables
Tables can be used for a bunch of things, like research logs, lists of component entities in an ADF article, and other stuff of course:
Syntax:
||~ 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||
Result:
| 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:
Syntax:
||~ Cell title ||~ Cell title ||~ Cell title ||
|| Cell spanning one column |||| Cell spanning two columns ||
|||||| Cell spanning three columns||
Result:
| Cell title | Cell title | Cell title |
|---|---|---|
| Cell spanning one column | Cell spanning two columns | |
| Cell spanning three columns | ||
