Community Central
Community Central
No edit summary
(+pt.)
Tags: Help rte-source
(25 intermediate revisions by 18 users not shown)
Line 1: Line 1:
  +
[[File:Location_Source.png|thumb|250px|How to access source mode in the classic editor]]
Wikitext is the markup language used to format content on wikis. It can be used to add photos, tables, bold styles, links, and other visual changes.
+
'''Wikitext''' is the main markup language used to format content on wikias. It can be used to add photos, tables, bold styles, links, and other visual changes.
   
It's not necessary to know wikitext in order to edit at Wikia. You can use the Visual mode in the [[Help:Editing|editor]] to avoid it. However, users who learn it find that they have more control over their editing experience. It can be used in "source" mode in the editor.
+
It's not necessary to know wikitext in order to edit at Wikia. You can use the visual mode in the [[Help:Classic editor|classic editor]], or the [[Help:VisualEditor|new VisualEditor]] (where enabled), to avoid it. However, users who learn it find that they have more control over their editing experience. It can be used in 'source mode' in either editor.
   
  +
To access an article's wikitext...
Here's a cheat sheet for basic wikitext that you can use while [[Help:Editing|editing]].
 
  +
* [[Help:Classic editor|Classic editor]]: click the 'Source' tab at the top right of the edit area
  +
* [[Help:VisualEditor|VisualEditor]]: click the menu button towards the right side of the toolbar, and choose 'Source Editor'
   
 
Below is a cheat sheet for basic wikitext that you can use while [[Help:Editing|editing]]. Many of the options listed below have shortcut buttons in the visual editors' toolbars.
<!--COMMENT MARKUP. Displays:Edit mode only.-->
 
   
  +
==Wikitext cheat sheet==
{| style="width:100%; border:2px #a3b1bf solid; text-align:left;"
 
  +
 
===Text===
  +
{| class="article-table" style="width:100%; font-size:90%;"
 
|-
  +
! style="width:25%;" | Description
  +
! style="width:45%;" | You type
  +
! style="width:30%;" | You get
 
|-
 
|-
|colspan="3" style="background:#cee0f2; color:#000; text-align:center;" |
 
<h2 style="margin:.5em; margin-top:.1em; margin-bottom:.1em; border-bottom:0; font-weight:bold;">Wikitext Cheatsheet</h2>
 
|-<!--COLUMN HEADINGS-->
 
| style="background:#cee0f2; color:#000; padding:0.3em; text-align:center; width: 25%;"|'''Description'''
 
| style="background:#cee0f2; color:#000; padding:0.3em; text-align:center;"|'''You type'''
 
| style="background:#cee0f2; color:#000; padding:0.3em; text-align:center; width: 25%;"|'''You get'''
 
|-<!--1ST HEADING-->
 
| colspan="3" style="background:#E6F2FF; color:#000; padding: 0.2em; font-family: sans-serif; font-size: 0.9em; text-align:center;" | Applies anywhere
 
|-<!--1ST ROW 1ST COLUMN-->
 
 
|Italicise text
 
|Italicise text
 
|<code><nowiki>''italic''</nowiki></code>
|<!--2ND COLUMN-->
 
<code><nowiki>''italic''</nowiki></code>
+
|''italic''
 
|-
|<!--3RD COLUMN-->
 
''italic''
 
|-<!--HORIZONTAL LINE-->
 
|colspan="3" style="border-top:1px solid #cee0f2;"|
 
|-<!--2ND ROW 1ST COLUMN-->
 
 
|Bold text
 
|Bold text
 
|<code><nowiki>'''bold'''</nowiki></code>
|
 
<code><nowiki>'''bold'''</nowiki></code>
+
|'''bold'''
|
 
'''bold'''
 
|-
 
|colspan="3" style="border-top:1px solid #cee0f2;"|
 
 
|-
 
|-
 
|Bold and italic
 
|Bold and italic
 
|<code><nowiki>'''''bold & italic'''''</nowiki></code>
|
 
<code><nowiki>'''''bold & italic'''''</nowiki></code>
+
|'''''bold & italic'''''
|
 
'''''bold & italic'''''
 
 
|-
 
|-
 
||Internal link<br />(within a local wiki)
|colspan="3" style="border-top:1px solid #cee0f2;"|
 
 
|<code><nowiki>[[Help:Contents]]</nowiki></code><br />
|-
 
 
<code><nowiki>[[Help:Contents|Displayed text]]</nowiki></code>
||Internal link<br />
 
 
|[[Help:Contents]]<br />[[Help:Contents|Displayed text]]
(within a local wiki)
 
|
 
<code><nowiki>[[Help:Contents]]</nowiki></code><br />
 
<code><nowiki>[[Help:Contents|Displayed text]]</nowiki></code><br />
 
|
 
[[Help:Contents]]<br />
 
[[Help:Contents|Displayed text]]<br />
 
|-
 
|colspan="3" style="border-top:1px solid #cee0f2;"|
 
 
|-
 
|-
 
|Redirect to another page
 
|Redirect to another page
 
|<code><nowiki>#REDIRECT [[Help:Contents]]</nowiki></code>
|
 
 
|http://images.wikia.com/common/skins/common/images/redirectltr.png [[Help:Contents]]
<code><nowiki>#REDIRECT [[Help:Contents]]</nowiki></code>
 
|
 
http://images.wikia.com/common/skins/common/images/redirectltr.png [[Help:Contents]]
 
 
|-
 
|-
 
|External link<br />(to other websites)
|colspan="3" style="border-top:1px solid #cee0f2;"|
 
 
|<code><nowiki>[http://www.example.org]</nowiki></code><br />
|-
 
|External link<br />
 
(to other websites)
 
|
 
<code><nowiki>[http://www.example.org]</nowiki></code><br />
 
 
<code><nowiki>[http://www.example.org displayed text]</nowiki></code><br />
 
<code><nowiki>[http://www.example.org displayed text]</nowiki></code><br />
 
<code><nowiki>http://www.example.org</nowiki></code>
 
<code><nowiki>http://www.example.org</nowiki></code>
  +
|[http://www.example.org]<br />
|
 
[http://www.example.org]<br />
 
 
[http://www.example.org displayed text]<br />
 
[http://www.example.org displayed text]<br />
 
http://www.example.org
 
http://www.example.org
 
|-
 
|-
 
|Sign your posts <br />on talk pages
|colspan="3" style="border-top:1px solid #cee0f2;"|
 
 
|<code><nowiki>~~~~</nowiki></code>
 
|[[Special:Mypage|Your username]] {{CURRENTTIME}}, <br />
 
{{CURRENTDAY}} {{CURRENTMONTHNAME}} {{CURRENTYEAR}} (UTC)
 
|-
 
|-
  +
! colspan="3" | ''The following work only when used at the start of a line of code''
|
 
Sign your posts <br />
 
on talk pages
 
|
 
<code><nowiki>~~~~</nowiki></code>
 
|
 
[[Special:Mypage|Your username]] {{CURRENTTIME}}, <br />
 
{{CURRENTDAY}} {{CURRENTMONTHNAME}} {{CURRENTYEAR}} (UTC)
 
|-<!--2ND HEADING-->
 
| colspan="3" style="background:#E6F2FF; color:#000; padding: 0.2em; font-family: sans-serif; font-size: 0.9em; text-align:center;" | Applies only at the beginning of the line
 
 
|-
 
|-
 
|Headings<br />
 
|Headings<br />
<span style="font-size:0.9em;">''A Table of Contents will automatically be generated when four headings are added to an article.''</span>
+
<span style="font-size:80%;">''A Table of Contents will automatically be generated when four headings are added to an article.''</span>
 
|
 
|
<code><nowiki>=Level 1=</nowiki></code><br />
 
 
<code><nowiki>==Level 2==</nowiki></code><br />
 
<code><nowiki>==Level 2==</nowiki></code><br />
 
<code><nowiki>===Level 3===</nowiki></code><br />
 
<code><nowiki>===Level 3===</nowiki></code><br />
Line 95: Line 64:
 
<code><nowiki>======Level 6======</nowiki></code>
 
<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>
=Level 1=
 
  +
<div style="font-size: 1.17em; margin-top: 0.3em; line-height: 1.6; padding-top: 0.5em;">Level 3</div>
==Level 2==
 
  +
<div style="font-size: 1.1em; margin-top: 0.3em; line-height: 1.6; padding-top: 0.5em;">Level 4</div>
===Level 3===
 
  +
<div style="font-size: 1.05em; margin-top: 0.3em; line-height: 1.6; padding-top: 0.5em;">Level 5</div>
====Level 4====
 
  +
<div style="font-size: 0.95em; margin-top: 0.3em; line-height: 1.6; padding-top: 0.5em;">Level 6</div>
=====Level 5=====
 
======Level 6======
 
|-
 
|colspan="3" style="border-top:1px solid #cee0f2;"|
 
 
|-
 
|-
 
|Bulleted list
 
|Bulleted list
Line 115: Line 81:
 
**Two point one
 
**Two point one
 
*Three
 
*Three
|-
 
|colspan="3" style="border-top:1px solid #cee0f2;"|
 
 
|-
 
|-
 
|Numbered list
 
|Numbered list
Line 129: Line 93:
 
##Two point one
 
##Two point one
 
#Three
 
#Three
 
|}
  +
  +
===Images===
  +
{| class="article-table" style="width:100%; font-size:90%;"
 
|-
 
|-
  +
! style="width:25%;" | Description
|colspan="3" style="background:#cee0f2; color:#000; text-align:center;" |
 
  +
! style="width:50%;" | You type
<h2 style="margin:.5em; margin-top:.1em; margin-bottom:.1em; border-bottom:0; font-weight:bold;">Images</h2>
 
  +
! style="width:25%;" | You get
|-<!--COLUMN HEADINGS-->
 
| style="background:#cee0f2; color:#000; padding:0.3em; text-align:center; width: 25%;"|'''Description'''
 
| style="background:#cee0f2; padding:0.3em; text-align:center;"|'''You type'''
 
| style="background:#cee0f2; color:#000; padding:0.3em; text-align:center; width: 25%;"|'''You get'''
 
 
|-
 
|-
 
|Image
 
|Image
 
|<code><nowiki>[[File:SeaOtter.png]]</nowiki></code>
|
 
<code><nowiki>[[File:SeaOtter.png]]</nowiki></code>
+
|[[File:SeaOtter.png]]
|
 
[[File:SeaOtter.png]]
 
|-
 
|colspan="3" style="border-top:1px solid #cee0f2;"|&nbsp;
 
 
|-
 
|-
 
|Sized image
 
|Sized image
 
|<code><nowiki>[[File:SeaOtter.png|150px]]</nowiki></code>
|
 
<code><nowiki>[[File:SeaOtter.png|150px]]</nowiki></code>
+
|[[File:SeaOtter.png|150px]]
|
 
[[File:SeaOtter.png|150px]]
 
|-
 
|colspan="3" style="border-top:1px solid #cee0f2;"|&nbsp;
 
 
|-
 
|-
 
|Thumbnail image
 
|Thumbnail image
 
|<code><nowiki>[[File:SeaOtter.png|thumb|Caption text]]</nowiki></code>
|
 
<code><nowiki>[[File:SeaOtter.png|thumb|Caption text]]</nowiki></code>
+
|[[File:SeaOtter.png|thumb|Caption text]]
|
 
[[File:SeaOtter.png|thumb|Caption text]]
 
|-
 
|colspan="3" style="border-top:1px solid #cee0f2;"|&nbsp;
 
|-
 
|Bordered image
 
|
 
<code><nowiki>[[File:SeaOtter.png|border|Caption text]]</nowiki></code>
 
|
 
[[File:SeaOtter.png|border|Caption text]]
 
|-
 
|colspan="3" style="border-top:1px solid #cee0f2;"|&nbsp;
 
 
|-
 
|-
 
|Aligned image
 
|Aligned image
 
|
 
|
<code><nowiki>[[File:SeaOtter.png|border|150px|left]]</nowiki></code>
+
<code><nowiki>[[File:SeaOtter.png|thumb|150px|left]]</nowiki></code>
<code><nowiki>[[File:SeaOtter.png|border|150px|center]]</nowiki></code>
+
<code><nowiki>[[File:SeaOtter.png|thumb|150px|center]]</nowiki></code>
<code><nowiki>[[File:SeaOtter.png|border|150px|right]]</nowiki></code>
+
<code><nowiki>[[File:SeaOtter.png|thumb|150px|right]]</nowiki></code>
 
|
 
|
[[File:SeaOtter.png|border|150px|left]]
+
[[File:SeaOtter.png|thumb|150px|left]]
[[File:SeaOtter.png|border|150px|center]]
+
[[File:SeaOtter.png|thumb|150px|center]]
[[File:SeaOtter.png|border|150px|right]]
+
[[File:SeaOtter.png|thumb|150px|right]]
|-
 
|colspan="3" style="border-top:1px solid #cee0f2;"|&nbsp;
 
 
|-
 
|-
 
|Linked image
 
|Linked image
 
|<code><nowiki>[[File:SeaOtter.png|link=Help:Contents]]</nowiki></code>
|
 
<code><nowiki>[[File:SeaOtter.png|link=Help:Contents]]</nowiki></code>
+
|[[File:SeaOtter.png|link=Help:Contents]]
|
 
[[File:SeaOtter.png|link=Help:Contents]]
 
 
|}
 
|}
  +
  +
===Further examples===
  +
For more complex content that is sometimes more easily managed with wikitext editing, see:
  +
 
* [[Help:Wikitext/more examples]]
  +
* [[Help:Wikitext/link examples]]
  +
* [[Help:Wikitext/table examples]]
  +
* [[Help:Galleries, Slideshows, and Sliders/wikitext]]
  +
* [[Help:Main page column tags]]
  +
* [[Help:Templates]]
  +
* [[Help:Infobox]]
  +
* [[Help:Tables]]
  +
* [[Help:Magic words]]
   
 
==See also==
 
==See also==
* Don't see what you are looking for here? Try [[Help:Wikitext/more examples]]
 
 
* [[Help:Editing|Editing]]
 
* [[Help:Editing|Editing]]
* {{#NewWindowLink:http://community.wikia.com/index.php?title=Admin Central:Guide:Wikitext|Wikitext Guide}} at ''Admin Central''
 
 
* MediaWiki's thorough reference on {{#NewWindowLink:http://www.mediawiki.org/wiki/Help:Images|image formatting}}
 
* MediaWiki's thorough reference on {{#NewWindowLink:http://www.mediawiki.org/wiki/Help:Images|image formatting}}
 
* For print cheatsheets, see the {{#NewWindowLink:m:Help:Reference card|MediaWiki reference card}} or the {{#NewWindowLink:m:Cheatsheet|poster-size cheatsheet}} (available in many languages).
 
* For print cheatsheets, see the {{#NewWindowLink:m:Help:Reference card|MediaWiki reference card}} or the {{#NewWindowLink:m:Cheatsheet|poster-size cheatsheet}} (available in many languages).
   
==Further Help & Feedback==
+
==Further help & feedback==
 
{{Help and feedback section}}
 
{{Help and feedback section}}
 
__NOTOC__
 
 
   
 
[[de:Hilfe:Wikitext]]
 
[[de:Hilfe:Wikitext]]
[[eshelp:Ayuda:Wikitexto]]
+
[[es:Ayuda:Wikitexto]]
  +
[[fi:Ohje:Wikiteksti]]
 
[[fr:Aide:Wikitexte]]
 
[[fr:Aide:Wikitexte]]
[[ithelp:Aiuto:Wikitext]]
+
[[it:Aiuto:Wikitext]]
[[nlhelp:Help:Wikitekst]]
+
[[ja:Help:ウィキテキスト]]
  +
[[ko:도움말:위키 문법]]
  +
[[nl:Help:Wikitekst]]
 
[[pl:Pomoc:Wikitekst]]
 
[[pl:Pomoc:Wikitekst]]
  +
[[zh:help:wiki文本]]
  +
[[pt:Ajuda:Wikitexto]]
 
[[Category:Editing]]
 
[[Category:Editing]]
 
[[Category:Source editing]]
 
[[Category:Source editing]]

Revision as of 13:37, 30 March 2015

Location Source

How to access source mode in the classic editor

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

It's not necessary to know wikitext in order to edit at Wikia. You can use the visual mode in the classic editor, or the new VisualEditor (where enabled), to avoid it. However, users who learn it find that they have more control over their editing experience. It can be used in 'source mode' in either editor.

To access an article's wikitext...

  • Classic editor: click the 'Source' tab at the top right of the edit area
  • VisualEditor: click the menu button towards the right side of the toolbar, and choose 'Source Editor'

Below is a cheat sheet for basic wikitext that you can use while editing. Many of the options listed below have shortcut buttons in the visual editors' toolbars.

Wikitext cheat sheet

Text

Description You type You get
Italicise text ''italic'' italic
Bold text '''bold''' bold
Bold and italic '''''bold & italic''''' bold & italic
Internal link
(within a local wiki)
[[Help:Contents]]

[[Help:Contents|Displayed text]]

Help:Contents
Displayed text
Redirect to another page #REDIRECT [[Help:Contents]] redirectltr.png Help:Contents
External link
(to other websites)
[http://www.example.org]

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

[1]

displayed text
http://www.example.org

Sign your posts
on talk pages
~~~~ Your username 13:35,

19 April 2024 (UTC)

The following work only when used at the start of a line of code
Headings

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

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

Level 2
Level 3
Level 4
Level 5
Level 6
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

Images

Description You type You get
Image [[File:SeaOtter.png]] SeaOtter
Sized image [[File:SeaOtter.png|150px]] SeaOtter
Thumbnail image [[File:SeaOtter.png|thumb|Caption text]]
SeaOtter

Caption text

Aligned image

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

SeaOtter
SeaOtter
SeaOtter
Linked image [[File:SeaOtter.png|link=Help:Contents]] SeaOtter

Further examples

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

See also

  • Editing
  • MediaWiki's thorough reference on {{#NewWindowLink:http://www.mediawiki.org/wiki/Help:Images%7Cimage formatting}}
  • For print cheatsheets, see the {{#NewWindowLink:m:Help:Reference card|MediaWiki reference card}} or the {{#NewWindowLink:m:Cheatsheet|poster-size cheatsheet}} (available in many languages).

Further help & feedback