Community Central
Don't have an account?
Register
Register
Community Central
Community Central
35,366
pages
in: Help, Editing, Source editing
English

Changes: Help:Wikitext

Back to page
Sign in to edit
(Replaced content with "WHAT IS WIKITEXT")
Tags: Replaced Source edit Help
m (Replace this to dodger blue, because the color's contrast via dark theme is bad.)
Tag: Help
(10 intermediate revisions by 10 users not shown)
Line 1: Line 1:
  +
{{tocright}}'''Wikitext''' is the main markup language used to format content on Fandom. It can be used to add photos, tables, bold styles, links, and many other visual changes.
−
WHAT IS WIKITEXT
  
  +
  +
It's not necessary to know wikitext in order to edit a page: you can use the [[Help:VisualEditor|VisualEditor]] to avoid it. However, users who learn it may appreciate the additional control they have over page content.
  +
  +
Wikitext can be used via [[Help:Source editor|source editor]] in either editor. To access an article's wikitext:
  +
* [[Help:VisualEditor|VisualEditor]]: click "{{int:visualeditor-ca-ve-edit}}" in the top middle, above the edit bar, which will open a menu where you can select "{{int:visualeditor-mweditmodesource-tool-current}}".
  +
* Before editing, you can go right to source mode by clicking the arrow next to the edit button, and clicking "{{int:visualeditor-ca-editsource-section}}" from the drop-down menu.
  +
* When editing a section of an article, click "{{int:visualeditor-ca-editsource-section}}" to edit that section in source.
  +
  +
On both platforms, you can also choose your preferred editor in [[Help:Preferences|preferences]], and it will open by default when you click the edit button.
  +
  +
Below is an outline of basic wikitext that you can use while [[Help:Editing|editing]]. Many of the options listed below have shortcut buttons in the editor toolbars.
  +
  +
== Text formatting ==
  +
{| class="article-table" style="width:100%; font-size:90%;"
  +
|+Inline wikitext: code you can use anywhere in the page
  +
|-
  +
! style="width:25%;" | Description
  +
! style="width:45%;" | You type
  +
! style="width:30%;" | You get
  +
|-
  +
|Italicize text
  +
|<code><nowiki>''italic''</nowiki></code>
  +
|''italic''
  +
|-
  +
|Bold text
  +
|<code><nowiki>'''bold'''</nowiki></code>
  +
|'''bold'''
  +
|-
  +
|Underlined text
  +
|<code><nowiki><u>underline</u></nowiki></code>
  +
|<u>underline</u>
  +
|-
  +
|Bold and italic
  +
|<code><nowiki>'''''bold & italic'''''</nowiki></code>
  +
|'''''bold & italic'''''
  +
|-
  +
|Strikethrough
  +
|<code><nowiki><s>strikethrough</s></nowiki></code>
  +
|<s>strikethrough</s>
  +
|-
  +
|Superscript
  +
|<code><nowiki>1<sup>st</sup></nowiki></code>
  +
|1<sup>st</sup>
  +
|-
  +
|Subscript
  +
|<code><nowiki>O<sub>2</sub></nowiki></code>
  +
|O<sub>2</sub>
  +
|-
  +
|Small Text
  +
|<code><nowiki>small <small>text</small></nowiki></code>
  +
|small <small>text</small>
  +
|-
  +
|Big Text
  +
|<code><nowiki>big <big>text</big></nowiki></code>
  +
|big <big>text</big>
  +
|-
  +
|Blockquote text
  +
|<code><nowiki><blockquote>It is a blockquote</blockquote></nowiki>
  +
|<blockquote>It is a blockquote</blockquote>
  +
|-
  +
||Internal link<br />(within a wiki)
  +
|<code><nowiki>[[Help:Contents]]</nowiki></code><br />
  +
<code><nowiki>[[Help:Contents|Displayed text]]</nowiki></code>
  +
|[[Help:Contents]]<br />[[Help:Contents|Displayed text]]
  +
|-
  +
|Colored Link
  +
|<code><nowiki>[[Help:Contents|<span style="color:dodgerblue;">Help:Contents</span>]]</nowiki></code>
  +
|[[Help:Contents|<span style="color:dodgerblue;">Help:Contents</span>]]
  +
|-
  +
|Redirect to another page
  +
|<code><nowiki>#REDIRECT [[Help:Contents]]</nowiki></code>
  +
|https://vignette2.wikia.nocookie.net/central/images/b/b5/Redirectltr.png/revision/latest [[Help:Contents]]
  +
|-
  +
|External link<br />(to other websites)
  +
|<code><nowiki>[https://www.example.org]</nowiki></code><br />
  +
<code><nowiki>[https://www.example.org displayed text]</nowiki></code><br />
  +
<code><nowiki>https://www.example.org</nowiki></code>
  +
|[https://www.example.org]<br />
  +
[https://www.example.org displayed text]<br />
  +
https://www.example.org
  +
|-
  +
|Cite link
  +
|<code><nowiki><cite>https://www.fandom.com/</cite></nowiki></code>
  +
|<cite>https://www.fandom.com/</cite>
  +
|-
  +
|Sign your posts on talk pages (username only)
  +
|<code><nowiki>~~~</nowiki></code>
  +
|[[Special:Mypage|Your username]]
  +
|-
  +
|Sign your posts <br />on talk pages
  +
|<code><nowiki>~~~~</nowiki></code> (4 tildes)
  +
|[[Special:Mypage|Your username]] {{CURRENTTIME}}, <br />
  +
{{CURRENTDAY}} {{CURRENTMONTHNAME}} {{CURRENTYEAR}} (UTC)
  +
|-
  +
|Insert the current date and time (UTC). Generally only used on talk pages.
  +
|<code><nowiki>~~~~~</nowiki></code> (5 tildes)
  +
|{{CURRENTTIME}}, {{CURRENTDAY}} {{CURRENTMONTHNAME}} {{CURRENTYEAR}} (UTC)
  +
|-
  +
|Display wikitext code as typed
  +
|<code><nowiki>&lt;nowiki&gt;[[This is not a link]]</nowiki></nowiki></code>
  +
|<nowiki>[[This is not a link]]</nowiki>
  +
|-
  +
|Display text as source code
  +
|<code><nowiki><code>Source Code</code></nowiki></code>
  +
|<code>Source Code</code>
  +
|}
  +
{| class="article-table" style="width:100%; font-size:90%;"
  +
|+Code that works only at the start of a line
  +
|-
  +
! style="width:25%;" | Description
  +
! style="width:45%;" | You type
  +
! style="width:30%;" | You get
  +
|-
  +
|Headings<br />
  +
<span style="font-size:80%;">''A [[Help:Table of contents|Table of Contents]] will automatically be generated when four headings are added to an article.''</span>
  +
  +
([[mw:Help talk:Formatting#Level 1|Skip level 1]]; it's used for the page name.)
  +
|
  +
<code><nowiki>== Level 2 ==</nowiki></code><br />
  +
<code><nowiki>=== Level 3 ===</nowiki></code><br />
  +
<code><nowiki>==== Level 4 ====</nowiki></code><br />
  +
<code><nowiki>===== Level 5 =====</nowiki></code><br />
  +
<code><nowiki>====== Level 6 ======</nowiki></code>
  +
|
  +
<div style="font-size: 1.5em; margin-top: 1em; margin-bottom: 0.25em; line-height: 1.3; border-bottom: 1px solid #AAAAAA;">Level 2</div>
  +
<div style="font-size: 1.17em; margin-top: 0.3em; line-height: 1.6; padding-top: 0.5em;">Level 3</div>
  +
<div style="font-size: 1.1em; margin-top: 0.3em; line-height: 1.6; padding-top: 0.5em;">Level 4</div>
  +
<div style="font-size: 1.05em; margin-top: 0.3em; line-height: 1.6; padding-top: 0.5em;">Level 5</div>
  +
<div style="font-size: 0.95em; margin-top: 0.3em; line-height: 1.6; padding-top: 0.5em;">Level 6</div>
  +
|-
  +
|Indented paragraph or line
  +
|
  +
<code>No indent</code><br />
  +
<code>: One indent</code><br />
  +
<code>:: Two indents</code><br />
  +
|
  +
No indent
  +
: One indent
  +
:: Two indents
  +
|-
  +
|Bulleted list
  +
|
  +
<code>* One</code><br />
  +
<code>* Two</code><br />
  +
<code>** Two point one</code><br />
  +
<code>* Three</code>
  +
|
  +
* One
  +
* Two
  +
** Two point one
  +
* Three
  +
|-
  +
|Numbered list
  +
|
  +
<code># One</code><br />
  +
<code># Two</code><br />
  +
<code>## Two point one</code><br />
  +
<code># Three</code>
  +
|
  +
# One
  +
# Two
  +
## Two point one
  +
# Three
  +
|-
  +
|Mixed list
  +
|
  +
<code>* bulleted item</code><br />
  +
<code>*# numbered item 1</code><br />
  +
<code>*#: indented item a</code><br />
  +
<code>*#: indented item b</code><br />
  +
<code>*# numbered item 2</code>
  +
|
  +
* bulleted item
  +
*# numbered item 1
  +
*#: indented item a
  +
*#: indented item b
  +
*# numbered item 2
  +
|-
  +
|Preformatted text '''with''' working links
  +
|
  +
<code><nowiki>" "[[Help:Color|Color]] Text</nowiki></code> (note space at start, remove quotation marks)
  +
|
  +
[[Help:Color|Color]] Text
  +
|-
  +
|Preformatted text that shows underlying wikitext
  +
|
  +
<code><nowiki><pre>[[Color]] Text</pre></nowiki></code>
  +
|
  +
<pre>[[Color]] Text</pre>
  +
|}
  +
  +
== Image formatting ==
  +
{| class="article-table" style="width:100%; font-size:90%;"
  +
|-
  +
! style="width:25%;" | Description
  +
! style="width:50%;" | You type
  +
! style="width:25%;" | You get
  +
|-
  +
|Image
  +
|<code><nowiki>[[File:SeaOtter.png]]</nowiki></code>
  +
|[[File:SeaOtter.png]]
  +
|-
  +
|Sized image<br /><small>(width&nbsp;change&nbsp;with aspect&nbsp;ratio&nbsp;maintained)</small>
  +
|<code><nowiki>[[File:SeaOtter.png|100px]]</nowiki></code>
  +
|[[File:SeaOtter.png|100px]]
  +
|-
  +
|Thumbnail image
  +
|<code><nowiki>[[File:SeaOtter.png|thumb|Caption text]]</nowiki></code>
  +
|[[File:SeaOtter.png|thumb|Caption text]]
  +
|-
  +
|Aligned image
  +
|
  +
<code><nowiki>[[File:SeaOtter.png|thumb|100px|left]]</nowiki></code>
  +
<code><nowiki>[[File:SeaOtter.png|thumb|100px|center]]</nowiki></code>
  +
<code><nowiki>[[File:SeaOtter.png|thumb|100px|right]]</nowiki></code>
  +
|
  +
[[File:SeaOtter.png|thumb|100px|left]]
  +
[[File:SeaOtter.png|thumb|100px|center]]
  +
[[File:SeaOtter.png|thumb|100px|right]]
  +
|-
  +
|Linked image
  +
|<code><nowiki>[[File:SeaOtter.png|link=Help:Contents]]</nowiki></code>
  +
|[[File:SeaOtter.png|link=Help:Contents]]
  +
|-
  +
|Changed alt text
  +
|<code><nowiki>[[File:SeaOtter.png|alt=A sea otter]]</nowiki></code>
  +
|[[File:SeaOtter.png|alt=A sea otter]]
  +
|-
  +
|Direct link to image
  +
|<code><nowiki>[[Media:SeaOtter.png]]</nowiki></code>
  +
|[[Media:SeaOtter.png]]
  +
|}
  +
  +
== Further wikitext examples ==
  +
For more complex content that is sometimes more easily managed with wikitext editing, see:
  +
  +
* [[Help:Galleries]]
  +
* [[Help:Main page column tags]]
  +
* [[Help:Templates]]
  +
* [[Help:Signature]]
  +
* [[Help:Tables]]
  +
* [[Help:Magic words]]
  +
  +
== See also ==
  +
* [[Help:Editing]]
  +
* MediaWiki's thorough reference on [[mw:Help:Images|image formatting]]
  +
* For print cheatsheets, see the [[m:Help:Reference card|MediaWiki reference card]] or the [[m:Cheatsheet|poster-size cheatsheet]] (available in many languages).
  +
  +
== Further help and feedback ==
  +
{{Help and feedback section}}
  +
  +
[[ar:مساعدة:نص الويكي]]
  +
[[ca:Ajuda:Wikitext]]
  +
[[de:Hilfe:Wikitext]]
  +
[[es:Ayuda:Wikitexto]]
  +
[[fi:Ohje:Wikiteksti]]
  +
[[fr:Aide:Wikitexte]]
  +
[[hi:सहायता:विकिटेक्स्ट]]
  +
[[it:Aiuto:Wikitext]]
  +
[[ja:ヘルプ:ウィキテキスト]]
  +
[[ko:도움말:위키 문법]]
  +
[[nl:Help:Wikitekst]]
  +
[[pl:Pomoc:Wikitekst]]
  +
[[pt:Ajuda:Wikitexto]]
  +
[[ru:Справка:Викитекст]]
  +
[[tr:Yardım:Vikimetin]]
  +
[[uk:Довідка:Вікітекст]]
  +
[[zh:Help:wikitext]]
  +
[[Category:Help]]
  +
[[Category:Editing]]
  +
[[Category:Source editing]]
  +
[[Category:Formatting]]
  +
[[Category:Tools & shortcuts]]

Revision as of 13:37, 21 April 2022

Wikitext is the main markup language used to format content on Fandom. It can be used to add photos, tables, bold styles, links, and many other visual changes.

It's not necessary to know wikitext in order to edit a page: you can use the VisualEditor to avoid it. However, users who learn it may appreciate the additional control they have over page content.

Wikitext can be used via source editor in either editor. To access an article's wikitext:

  • VisualEditor: click "⧼visualeditor-ca-ve-edit⧽" in the top middle, above the edit bar, which will open a menu where you can select "Source editing".
  • Before editing, you can go right to source mode by clicking the arrow next to the edit button, and clicking "edit source" from the drop-down menu.
  • When editing a section of an article, click "edit source" to edit that section in source.

On both platforms, you can also choose your preferred editor in preferences, and it will open by default when you click the edit button.

Below is an outline of basic wikitext that you can use while editing. Many of the options listed below have shortcut buttons in the editor toolbars.

Text formatting

Inline wikitext: code you can use anywhere in the page
Description You type You get
Italicize text ''italic'' italic
Bold text '''bold''' bold
Underlined text <u>underline</u> underline
Bold and italic '''''bold & italic''''' bold & italic
Strikethrough <s>strikethrough</s> strikethrough
Superscript 1<sup>st</sup> 1st
Subscript O<sub>2</sub> O2
Small Text small <small>text</small> small text
Big Text big <big>text</big> big text
Blockquote text <blockquote>It is a blockquote</blockquote>

It is a blockquote

Internal link
(within a wiki) 		[[Help:Contents]]

[[Help:Contents|Displayed text]]

Help:Contents
Displayed text
Colored Link [[Help:Contents|<span style="color:dodgerblue;">Help:Contents</span>]] Help:Contents
Redirect to another page #REDIRECT [[Help:Contents]] latest Help:Contents
External link
(to other websites) 		[https://www.example.org]

[https://www.example.org displayed text]
https://www.example.org

[1]

displayed text
https://www.example.org

Cite link <cite>https://www.fandom.com/</cite> https://www.fandom.com/
Sign your posts on talk pages (username only) ~~~ Your username
Sign your posts
on talk pages 		~~~~ (4 tildes) Your username 10:11,

19 April 2024 (UTC)

Insert the current date and time (UTC). Generally only used on talk pages. ~~~~~ (5 tildes) 10:11, 19 April 2024 (UTC)
Display wikitext code as typed <nowiki>[[This is not a link]]</nowiki> [[This is not a link]]
Display text as source code <code>Source Code</code> Source Code
Code that works only at the start of a line
Description You type You get
Headings

A Table of Contents will automatically be generated when four headings are added to an article.

(Skip level 1; it's used for the page name.)

== Level 2 ==
=== Level 3 ===
==== Level 4 ====
===== Level 5 =====
====== Level 6 ======

Level 2
Level 3
Level 4
Level 5
Level 6
Indented paragraph or line

No indent
: One indent
:: Two indents

No indent

One indent
Two indents
Bulleted list

* One
* Two
** Two point one
* Three

  • One
  • Two
    • Two point one
  • Three
Numbered list

# One
# Two
## Two point one
# Three

  1. One
  2. Two
    1. Two point one
  3. Three
Mixed list

* bulleted item
*# numbered item 1
*#: indented item a
*#: indented item b
*# numbered item 2

  • bulleted item
    1. numbered item 1
      indented item a
      indented item b
    2. numbered item 2
Preformatted text with working links

" "[[Help:Color|Color]] Text (note space at start, remove quotation marks) 

Color Text
Preformatted text that shows underlying wikitext

<pre>[[Color]] Text</pre> 

[[Color]] Text

Image formatting

Description You type You get
Image [[File:SeaOtter.png]] SeaOtter
Sized image
(width change with aspect ratio maintained) 		[[File:SeaOtter.png|100px]] SeaOtter
Thumbnail image [[File:SeaOtter.png|thumb|Caption text]]
SeaOtter

Caption text

Aligned image

[[File:SeaOtter.png|thumb|100px|left]] [[File:SeaOtter.png|thumb|100px|center]] [[File:SeaOtter.png|thumb|100px|right]]

SeaOtter
SeaOtter
SeaOtter
Linked image [[File:SeaOtter.png|link=Help:Contents]] SeaOtter
Changed alt text [[File:SeaOtter.png|alt=A sea otter]] A sea otter
Direct link to image [[Media:SeaOtter.png]] Media:SeaOtter.png

Further wikitext examples

For more complex content that is sometimes more easily managed with wikitext editing, see:

See also

Further help and feedback

العربية Català Deutsch Español Suomi Français हिन्दी Italiano 日本語 한국어 Nederlands Polski Português Русский Türkçe Українська 中文
Community content is available under CC-BY-SA unless otherwise noted.