Community Central
Community Central
No edit summary
Tag: Source edit
No edit summary
Tags: Source edit Help
(17 intermediate revisions by 12 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.
 
{{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.
   
It's not necessary to know wikitext in order to edit a page: you can use the [[Help:VisualEditor|VisualEditor]] or [[Help:Source editor|source editor]], to avoid it. However, users who learn it may appreciate the additional control they have over page content.
+
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:
 
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}}".
 
* [[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.
 
* 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.
 
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.
  +
<jwplayer media-id="yDDdCwdm" />
 
 
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.
 
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.
   
Line 20: Line 21:
 
|-
 
|-
 
|Italicize text
 
|Italicize text
|<code><nowiki>''italic''or <i>italic</i></nowiki></code>
+
|<code><nowiki>''italic''</nowiki></code>
 
|''italic''
 
|''italic''
 
|-
 
|-
 
|Bold text
 
|Bold text
|<code><nowiki>'''bold''' or <b>bold</b></nowiki></code>
+
|<code><nowiki>'''bold'''</nowiki></code>
 
|'''bold'''
 
|'''bold'''
 
|-
 
|-
Line 34: Line 35:
 
|<code><nowiki>'''''bold & italic'''''</nowiki></code>
 
|<code><nowiki>'''''bold & italic'''''</nowiki></code>
 
|'''''bold & italic'''''
 
|'''''bold & italic'''''
|-
 
|Bold and underline
 
|<code><nowiki><u>'''bold and underline'''</u></nowiki></code>
 
|<u>'''bold and underline'''</u>
 
|-
 
|Italic and underline
 
|<code><nowiki><u>''italic and underline''</u></nowiki></code>
 
|<u>''italic and underline''</u>
 
 
|-
 
|-
 
|Strikethrough
 
|Strikethrough
Line 62: Line 55:
 
|<code><nowiki>big <big>text</big></nowiki></code>
 
|<code><nowiki>big <big>text</big></nowiki></code>
 
|big <big>text</big>
 
|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)
 
||Internal link<br />(within a wiki)
Line 83: Line 80:
 
[https://www.example.org displayed text]<br />
 
[https://www.example.org displayed text]<br />
 
https://www.example.org
 
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)
 
|Sign your posts on talk pages (username only)
Line 102: Line 103:
 
|-
 
|-
 
|Display text as source code
 
|Display text as source code
|<code><nowiki>Source Code</nowiki></code>
+
|<nowiki><code>Source Code</code></nowiki>
 
|<code>Source Code</code>
 
|<code>Source Code</code>
 
|}
 
|}
Line 179: Line 180:
 
|Preformatted text '''with''' working links
 
|Preformatted text '''with''' working links
 
|
 
|
<code>" "[[Help:Color|Color]] Text</code> (note space at start, remove quotation marks)
+
<code><nowiki>" "[[Help:Color|Color]] Text</nowiki></code> (note space at start, remove quotation marks)
 
|
 
|
|Colored Text
+
[[Help:Color|Color]] Text
 
|-
 
|-
  +
|Preformatted text that shows underlying wikitext
|Color a text
 
 
|
 
|
<code><nowiki><span style="color:#178810";>Color Text</span></nowiki></code>
+
<code><nowiki><pre>[[Color]] Text</pre></nowiki></code>
 
|
 
|
<span style="color:#178810";>Color Text</span>
+
<pre>[[Color]] Text</pre>
 
|}
 
|}
   
Line 224: Line 225:
 
|-
 
|-
 
|Changed alt text
 
|Changed alt text
|<code><nowiki>[[File:SeaOtter.png|alt=A sea otter|]]</nowiki></code>
+
|<code><nowiki>[[File:SeaOtter.png|alt=A sea otter]]</nowiki></code>
|[[File:SeaOtter.png|alt=A sea otter|]]
+
|[[File:SeaOtter.png|alt=A sea otter]]
 
|-
 
|-
 
|Media Image
 
|Media Image
Line 251: Line 252:
   
 
[[ar:مساعدة:نص الويكي]]
 
[[ar:مساعدة:نص الويكي]]
  +
[[ca:Ajuda:Wikitext]]
 
[[de:Hilfe:Wikitext]]
 
[[de:Hilfe:Wikitext]]
 
[[es:Ayuda:Wikitexto]]
 
[[es:Ayuda:Wikitexto]]

Revision as of 19:16, 12 July 2021

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:orange;">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:42,

19 April 2024 (UTC)

Insert the current date and time (UTC). Generally only used on talk pages. ~~~~~ (5 tildes) 10:42, 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
Media 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